Navigation Breite definieren

[Corraggiouno]

Hi,

kann mir jemand einen Tipp geben wie ich meiner Navigation eine bestimmte Breite gebe, so dass diese dann auch noch zentriert innerhalb meines wrappers liegt?
Im Moment geht der Verlauf der navigation über die ganze Breite des wrappers, was ich nicht möchte;

* {margin: 0px; padding: 0px;}

html 
{
height: 100.3%;
font-family: Verdana;
font-style: normal;
font-size: 0.8em;
}

body 
{
text-align: center;
background: url(../images/background.png) repeat-x;
}

div#wrapper 
{
background: #03F;
height: 600px;
width: 1120px; 
margin: 20px auto;
}

h1
{
background: url(../images/logo1.png) no-repeat;
background-position: center;
margin-top: 2.0em;
height:200px;
text-indent: -999em;
}


ul
{
background: url(../images/background_nav.png) repeat-x;
height: 2.5em;
margin-top: -2.5em;
}

li
{
list-style-type: none;
display:inline;
padding: 0 2.0em;
line-height: 2.4em;
}


a 
{
text-decoration:none;
}

a:link
{

text-decoration:none;
color:#ffffff;
}

a:visited
{
color:#ffffff;
}

aktuelles Ergebnis:
ph

 

[NE4Y]

ich nehme mal an, ul ist diene navi ? müsste mit

width:eine px angabe ;

gehen

 

[Cheffchen]

Hallo,

mal so ein kleiner Tipp, die Seite sieht ja schon mal gut aus aber willst sicher keine li liste mehr in deine Homepage einbauen.
geben der ul eine id sonnst bekommst später bloss problemme.

Cheffchen

 

[Corraggiouno]

mmh, wenn ich nun der ul eine breite von 600px geben, dann rückt die Navigation nach links..................... so sieht es jetzt aus ph
möchte aber meine Navigation zentriert innerhalb des wrappers haben.......

 

[EndOfGreen]

Bei ul dein margin durch:

margin: -2.5em auto 0;

ersetzen. Dann sollte es zentriert sein.

 

[Corraggiouno]

was ist eigentlich der genaue Unterschied zwischen

margin: 20px auto;

und

margin: -2.6em auto 0;

 

[EndOfGreen]

Bei dem ersten wird der jeweilige Abstand (hier die 20px) oben und unten erzeugt und beim 2. nur oben.
CSS Margin

 

[Körnerbrötchen]

margin:top&bottom right&left;
margin:top right&left bottom;

Für em: SELFHTML: Stylesheets / CSS-Formate definieren / Maeinheiten, Farbangaben und Wertzuweisung

 

[Cheffchen]

Hallo,

erstens das beide nicht gleich sind
So währen sie vielleicht gleicher, wenn 20px = 2.6em sind :O).

margin: 20px auto 0;
margin: -2.6em auto 0;

Das em bei Design sachen zu nutzen ist miesst, besser px.
Denn hast mal im Browser Text größer anzeigen angeklickt (nicht den generellen zoom) dann zerschiest es alles bei dir obwohl ja noch nicht viel hast :O).

Ich nutze natürlich auch em aber halt nur beim eigentlichen Inhalt das sich das auch jeder größer stellen kann der es brauch.

Cheffchen