<div id="container">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</div>
z następującymi CSS:
#container li {
float:left;
height:33px;
line-height:30px;
text-align:center;
width:auto;
}
#container{
width:600px;
}
Jednak mam trudności z poziomo centrowania ul wewnątrz #container
. Wygląda na to, że potrzebuję zestawu o stałej szerokości na ul dla margin: 0 auto
do pracy (potrzebuje text-align: center
dla IE). Jednak nie chcę ustawiać stałej szerokości dla ul, ponieważ elementy li będą dynamiczne.
Prosimy o radę.
Dziękuję, ale nie inline-block nie działa w IE6 (i IE7?)? – cadaa
Możesz spróbować tej sztuczki, aby działała z IE (nie mogę sprawdzić, czy to działa, ponieważ jestem teraz na Macu). Dodaj to do '#container ul':' zoom: 1; * display: inline; 'Uzasadnienie tego jest wyjaśnione tutaj: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ –