Bitte um CSS TAB-Test

html.de-Forum HTML, XHTML & CSS
1

Hallo

Ich habe das GROBLAYOUT eines Scripts fertig, Kosmetik muss noch sein(weiss ich), das mit felxiblen und frei definierbaren TABS arbeitet.

Nun werden die TABS immer wieder je nach Browser richtig oder auch „grauselig“ dargestellt. IE7/IE8, Firefox, Opera, Galeon und Epiphany scheinen zu funktionieren.

Meine Bitte wäre ein Test mit möglichst vielen Browsern und eventuelle Rückmeldungen wenn mit den TABS etwas nicht funktioniert.

Probelauf…
logn mit Login Name: test und Passwort: test

Danke

2

Im IE5.5 bis 7 werden die gefloateten a treppchenförmig, untereinander dargestellt.
float: left für div.tabs ul li würde das verhindern.

Edit:
#logo verschwindet im IE<8 und die Position ist (in anderen Browsern) Schriftgrößenabhängig.
Du könntest #logo in .tabs schreiben und von unten positionieren:

#logo
{
	position: absolute;
	right: 20px;
	bottom: 0; /* oder ein Wert in px */
}

#logo span {
display: inline;
background: none;
}

#logo a {
float: none;
background: none;
border: none;
}

.tabs bräuchte position: relative;

Ich habe mir die Seite mit ff2.0 - ff3.5, Opera 10, Safari 4 (Win), und IE5.5 (win) -IE8 angesehen.
Mit den oben genannten Änderungen sieht es gut aus. Im IE5.5 gibt einen horizontalen Scrollbalken aber die Seite bleibt bedienbar und sieht nicht hässlich aus.

3

Hallo

Ein riesen Danke, für’s reinsehen, hat soweit alles gut funktioniert.
Linux-User sind manchmal blind, die Treppchen sind mir garnicht aufgefallen :slight_smile: