Menü lässt sich nicht richtig ausrichten???

[hoembi]

hi,
ich bastele gerade an einer webseite. nun habe ich die website in 3verschiedene div container eingeteilt (s. Bildanhang). in dem kleinen linken div-container soll das menü angezeigt werden (im moment nur zu testzwecken "Hallo"). ich habe mehrere Probleme:
so wie ich im moment das menü gemacht habe so wird dieses nie richtig zentriert. wie bekomme ich es hin, dass die einzelnen menüeinträge zentriert werden UND dass der platz zwischen den einzelnen Einträgen größer ist? Ich wollte das mittels listen machen da mir das am einfachsten erschien, nur bekomme ich es halt nciht zentriert... habs auch schon mit text-align:center probiert, hat aber auch nichts gebracht
Hier mal der CSS-Code:

#navi{
background-color: #0058B0;
position: absolute;
width: 120px;
height: 300px;
top: 90px;
left: 0px;
z-index: 10;
}

#navi ul{
list-style-type: none;
}

#navi li{
font-family: Verdana, Tahoma, sans-serif;
color: #FFFFFF;
font-size: 1em;
border-width: 1px;
border-style: solid;
}

vielen dank schonmal
Marc-Hömberger

 

[Grinsemann]

Hm, ohne passendes Beispiel bzw. tatsächliches Problem wird das nicht zu lösen sein.

 

[dkdenz]

Du musst dem div in dem das Menü liegt das text-align:center; geben...

 

[dipser]

padding und margin sind deine Freunde.

 

[hoembi]

gut also ich habe einfach mal die testseite online gestellt ihr erreicht sie Hier.

da könnt ihr euch das mal anschauen...

greetz hoembi