Merkezi yatay bir menü hizalamak gerekiyor.
Çeşitli çözümler, ınline-block merkezi-align blok / etc/. karışımı da dahil olmak üzere, denedim ama başarılı olmak değil.

Birisi bana lütfen yardımcı olabilir? :)

İşte benim kod:

<div class="topmenu-design">
    <!-- Top menu content: START -->
    <ul id="topmenu firstlevel">                                                                                       
      <li class="firstli" id="node_id_64"><div><a href="#"><span>Om kampanjen</span></a></div></li>
      <li id="node_id_65"><div><a href="#"><span>Fakta om inneklima</span></a></div></li>
      <li class="lastli" id="node_id_66"><div><a href="#"><span>Statistikk</span></a></div></li>
    </ul>
    <!-- Top menu content: END -->
</div>

GÜNCELLEME

Merkez DİV UL hizalamak için nasıl biliyorum. Bu başarılı Sarfraz önerisi kullanarak olabilir. Ama liste öğeleri hala sol UL içinde süzülüyor.

Bunu yapmak için javascript kokuyor muyum?

http://pmob.co.uk/pob/centred-float.htm:

Öncül basittir ve sadece sola yüzen widthless şamandıra sarıcı temelde içerir ve sonra sol genişlik position:relative ekran kaydırılan;: -50% sol. Bir sonraki iç içe iç elemanı tersine ve 50% rölatif pozisyonu uygulanır. Bu merkezi unsur ölü yerleştirme etkisi vardır. Göreceli konumlandırma akışını korur ve diğer içeriğin altında akmasına izin verir.

Kod

#buttons{
    float:right;
    position:relative;
    left:-50%;
    text-align:left;
}
#buttons ul{
    list-style:none;
    position:relative;
    left:50%;
}

#buttons li{float:left;position:relative;}/* ie needs position:relative here*/

#buttons a{
    text-decoration:none;
    margin:10px;
    background:red;
    float:left;
    border:2px outset blue;
    color:#fff;
    padding:2px 5px;
    text-align:center;
    white-space:nowrap;
}
#buttons a:hover{ border:2px inset blue;color:red;background:#f2f2f2;}
#content{overflow:hidden}/* hide horizontal scrollbar*/

<div id="buttons">
    <ul>
        <li><a href="#">Button 1</a></li>
        <li><a href="#">Button 2's a bit longer</a></li>
        <li><a href="#">Butt 3</a></li>
        <li><a href="#">Button 4</a></li>
    </ul>
</div>