DIV zentrieren? (Superfish)

[nordi]

wie kann ich denn dem Menü eine feste Breite geben? Wenn das geht, dann sollte der Rest ja kein Problem mehr sein, oder?

 

[Jantz]

Kannste nicht anstatt mit float einfach mit display:inline; arbeiten?

 

[Maik]

wie kann ich denn dem Menü eine feste Breite geben? Wenn das geht, dann sollte der Rest ja kein Problem mehr sein, oder?

Indem du den 7 Menüpunkten eine entsprechende Breite zuweist.

Beispielsweise so:

    <td class="navi"><div class="navigationsleiste">
                <ul class="sf-menu">
                    <li><a href="#" id="news">NEWS</a></li>
                    <li><a href="#" id="eea">EEA</a>
                        <ul>
                            <li><a href="#">Team</a></li>
                            <li><a href="#">Geschichte</a></li>
                            <li><a href="#">Ziele</a></li>
                        </ul>
                    </li>
                    <li><a href="#" id="leistungen">LEISTUNGEN</a></li>
                    <li><a href="#" id="taetigkeit">TÄTIGKEITSFELDER</a>
                        <ul>
                            <li><a href="#">eLearning</a></li>
                            <li><a href="#">Beratung</a></li>
                        </ul>
                    </li>
                    <li><a href="#" id="referenzen">REFERENZEN</a>
                        <ul>
                            <li><a href="#">Beratung</a></li>
                            <li><a href="#">Allgemein</a></li>
                        </ul>
                    </li>
                    <li><a href="#" id="kontakt">KONTAKT</a></li>
                    <li><a href="#" id="impressum">IMPRESSUM</a></li>
                </ul>
        </div>
    </td>

.sf-menu {
        padding:0;
        width:747px;
        margin:0 auto;
        position:relative;
        text-align: left;
}
.sf-menu a {
        display:block;
        border-left:        1px solid #fff;
        border-top:                1px solid #fff;
        padding:                 .75em 0;
        text-decoration:none;
        color: #c1481d;
        text-align:center;
}
.sf-menu #news { width:70px; }
.sf-menu #eea { width:60px; }
.sf-menu #leistungen { width:120px; }
.sf-menu #taetigkeit { width:170px; }
.sf-menu #referenzen { width:120px; }
.sf-menu #kontakt { width:90px; }
.sf-menu #impressum { width:110px; }

...

.sf-menu li {
 background:#FFF;
 float:left;
}

mfg Maik