Layout Problem mit Internet Explorer

[Martin Truckenbrodt]

Hallo,
ich bastle gerade an einer neuen Navigationsleiste für meine Seite http://pipidae.net , welche als Baustelle unter http://pipidae.net/index3.php erreichbar ist (evtl. Javascript benötigt).

In Opera 7.23 und Netscape 7.1 wird die Seite i.O. angezeigt.
Im IE 6.0 passen die Grafiken links und rechts nicht.

Ich arbeite mit CSS. Dort ist für alle TD und alle A die font-size einheitlich definiert.

Komme irgendwie nicht weiter.

Gruß Martin

[Tuxman]

Hi,
versuch's mit:

Code: Alles auswählen

table {
   border-collapse:collapse;
}

body {
   padding: 0 0 0 0;
}

[Martin Truckenbrodt]

Hallo,
Danke für die schnelle Antwort. Hat das Problem aber leider nicht beseitigt.
Die Navigationsleiste benutzt ein eigenes CSS.

Gruß Martin

[Tuxman]

Gib mir das mal kurz

[Martin Truckenbrodt]

Hallo,
kurz genug?

Code: Alles auswählen

A {
	color : #FFFFFF;
	background-color: #33CC00;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	text-decoration: none;
	font-style: italic;
	line-height : normal;
}

A:VISITED {
	color : #FFFFFF;
	background-color: #33CC00;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	text-decoration: none;
	font-style: italic;
	line-height : normal;
}

A:HOVER {
	color : #FFFF33;
	background-color: #33CC00;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	text-decoration: blink;
	font-style: italic;
	line-height : normal;
}

A.klein {
	color : #FFFFFF;
	background-color: #006600;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	text-decoration: none;
	font-style: italic;
}

A.klein:VISITED {
	color : #FFFFFF;
	background-color: #006600;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	text-decoration: none;
	font-style: italic;
}

A.klein:HOVER {
	color : #FFFF33;
	background-color: #006600;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	text-decoration: blink;
	font-style: italic;
}

 TD {
	color : #000000;
	background-color: #FFFFFF;
	font-size : 10pt;
}

 TD.klein {
	color : #000000;
	background-color: #006600;
	font-size : 10pt;
}

 TD.gross {
	color : #000000;
	background-color: #33CC00;
	font-size : 10pt;
}

TABLE {
	background-color : #FFFFFF;
	border-collapse : collapse;
}

TH {
	color : #FFFFFF;
	background-color: #006633;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-style: strong;
}

BODY {
	padding: 0 0 0 0;
}

Bitte

Code: Alles auswählen

 verwenden[/color] [kb=knigge#code]Posten von code[/kb]
Gruß Martin

[Tuxman]

Hmmm...

Code: Alles auswählen

table {
   margin: 0 0 0 0;
}

[fagus]

@tuxman
kleine anmerkung:
1.

Code: Alles auswählen

margin: 0px

genügt in diesem fall
2. sollten zahlenwerte bei css immer eine einheit haben, bsp. px, em, %, pt, etc.
es gehört zumindest zum guten stil. klar bei 0 ist das vielleicht egal, aber wenn der wert dann geändert wird und man vergisst dann noch eine einheit zu setzen, dann lieber alles einheitlich .

[Tuxman]

Mir ist grad beim Rumspielen was eingefallen... änder mal im body "padding" in "margin"

@fagus jaha aber mir gings um 0

[Martin Truckenbrodt]

Hallo,
habe alles leider ohne Erfolg ausprobiert.

Kann ich das margin auch bei

Code: Alles auswählen

<td><img ... ></td>

verwenden?

Gruß Martin

[Tuxman]

Das kannst du eigentlich überall machen