[CSS] NAVI ZENTRIEREN PROBLEM

[Cxyz]

hey leute,
habe ein Problem undzwar der Inhalt meiner Navigation wird immer linksbündig angezeigt also so:



und ich möchte das es so angezeigt wird:



also in der Mitte (zentriert)

hier der Code

PHP Code:

#navi {
    background:url(img/navi.png) no-repeat top center;
    height:100px;
    margin:0 auto;
}

    #navi ul {
        width:1000px;
        margin:0 auto;
    }

    #navi ul li {
        list-style:none;
        display:block;
        float:left;
        width:auto;
        background:url(img/border_nav.png) no-repeat right;
        height:100px;
        margin-top:0px;
    }
    
    #navi ul li:last-child {
        background:none !important;
    }
    
        #navi ul li a {
            line-height:96px;
            margin:0 29px 0 29px;
            font-size:14px;
            color:#833931;
            text-shadow:0px 0px 5px #000, 1px 1px 1px #000, 0px 0px 10px #000;
            text-decoration:none;
            text-transform:uppercase;
        }
        
        #navi ul li a:hover {
            color:#FF4C55;
            text-shadow:0px 0px 5px #000, 1px 1px 1px #000, 0px 0px 10px #000;
        } 


[flickz.]

#navi {
    background:url(img/navi.png) no-repeat top center;
    height:100px;
    margin:0 auto;
    text-align:center;
}

Versuchs mal so.

[Cxyz]

Originally Posted by flickz.

#navi {
    background:url(img/navi.png) no-repeat top center;
    height:100px;
    margin:0 auto;
    text-align:center;
}

Versuchs mal so.

hat nicht geklappt

[Moritze]

gib den
body {
text-align: left;
{
und in jeder div id musst du dan selber schauen wie du den text haben willst.

[NotEnoughForYou]

Wieso hat das ul 1000px breite ? Gib navi eine feste breite und dem ul auch (aber nur soviel wie es braucht ) dann text-align:center und margin:0px auto;

[Cxyz]

Das Bild ist 1000x100 groß

[NotEnoughForYou]

ja das bild aber nicht deine Liste ...

[Cxyz]

danke hat funktioniert