Navigationsleiste im IE verschoben

Status
Nicht offen für weitere Antworten.

aheimburg

Mitglied
Hallo,
ich brauche euere Hilfe.
Das Layout meiner WS wird im FF richtig angezeigt. Im IE 6 wird die Navigationsleiste nach rechts verschoben.
Ich habe alle Möglichkeiten mit padding/margin versucht, die Navi rührt sich nicht vom Fleck.



Danke für jede Hilfe!
 
Hi.
Gerne, wenn du den Link zu deiner Seite nennst, oder den Quellcode zeigst.

Tue ich sofort! Die Seite ist noch nicht online. Hier der code:

/* screen.css */

body{
margin:20;
padding:20px 0 20px 0;
font-family: Arial,Verdana, Helvetica, sans-serif;
background:#efe7e7;
}

#container{
margin:auto;
padding:5px 10px 0 5px;
width:765px;
background:#ffffff;
border:1px solid #4a4963;
}

#header{
height:100px;
background:#ffffff url(../Bilder/bg2.jpg);
border-bottom:1px solid #4a4963;
text-align:center;
}

#navigation{

background:#4a4963;
marging:0 0 5px 0;
padding:20px 0 10px 10px;
list-style:none;
}

#navigation li{
display:inline;
margin:0;
padding:0;

}

#navigation a{
color:#ffffff;
font-size:20px;
text-decoration:none;
margin-left: 20px;
padding:20px 20px 10px 7px;

}

#navigation li.letzter a{
border: none;
}

#navigation a:hover{
color:#ffffff;
text-decoration:underline;
}

#navigation a:active{
color:#fff;
text-decoration:none;
background:#39384f;
}

#navigation a:focus{
color:#fff;
text-decoration:none;
background:#39384f;
}

#Inhalt{
float:left;
width:565px;
margin:0 20px 0 5px;
padding:170px 0 0 0;
background:#ffffff;
font-size:11px;
border:1px solid black;
}

#fussnote {
clear:both;
text-align:center;
color:#ffffff;
margin:0 0 5px 0;
padding:5px 10px 10px 10px;
background: #4a4963;
font-size:13px;
}
 
Ohne das "g" am Ende von margin im Selektor #navigation sollte der IE das Element nicht nach rechts verschieben.

Im body-Selektor fehlt übrigens dem margin-Eigenschaftswert die Einheitenangabe, da der gesetzte Wert größer als null ist.
 
Status
Nicht offen für weitere Antworten.
Zurück