Horizontale Liste verschoben

[mylow]

Moin.

bei meiner Seite wird die horizontale Liste verschoben. Wenn ich margin: -x angebe positioniert er das Menü im FF richtig, nur im IE falsch.

Habe schon diverse Beiträge gelesen, doch ich finden keine Lösung.

#header-nav { 
position : relative;
float : left;
height : 21px;
width : 795px;
display : block;
border-spacing : 0;
margin : 0;
padding : 0;
background-color: #000000;
} 
#header-nav ul.nav1st li { 
float : left;
height : 21px;
} 
#header-nav ul.nav1st a, #header-nav ul.nav1st a:link, #header-nav ul.nav1st a:visited { 
display : block;
line-height : 21px;
margin-right : 1px;
padding-left : 25px;
padding-right : 25px;
color : #ffffff;
font-size : 11px;
background-color:#1b8ed3;
} 
#header-nav ul.nav1st a:hover, #header-nav ul.nav1st li.active a, #header-nav ul.nav1st li.active a:link { 
text-decoration : none;
background-color: #581688;
} 
#navigation {
	position : relative;
clear : left;
left : 0px;
width : 795px;
height : 21px;
margin : 0;
padding : 0;
}

Die Seite findet ihr unter: http://www.tcwarstein.de/wilhelmsburg/

Danke im vorraus.

[mogidala]

Hallo, ich nehm an, die navi soll innerhalb des schwarzen balkens liegen?

dann nimm aus #header-nav mal float:left raus!

Falls da zu der Navi nicht noch mehr beikommen soll, kannst du die css noch ordentlich kürzen, du nutzt derzeit 3 elemente, um die navi zu formatieren, das geht auch alles in einem

[mylow]

das sieht schon besser aus, ich weiß aber noch nicht warum die liste nach rechts verschoben wird??

[mogidala]

achso, die soll ganz links anliegen? sekunde!

[mogidala]

ändere

ul { 
list-style : none;
}

in

ul { 
list-style : none;
padding:0
}

ODER setze ganz am anfang in deine CSS

  * {
   padding:0;
   margin:0;
}

Manche Elemente haben default padding / margin Werte. So sind ULs, wenn du sie in normalem Text schreibst, immer etwas eingerückt.

Durch die * -Angabe setzt du diese default-Werte für alle Elemente auf null!


//edit: noch ein schöner Artikel zu Listen in HTML (allerdings auf englisch): http://www.alistapart.com/stories/taminglists/

[mylow]

super! vielen Dank