IZentrieren eines ul mit schwebten li
<div id="container">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</div>
Mit folgendem CSS haben:
#container li {
float:left;
height:33px;
line-height:30px;
text-align:center;
width:auto;
}
#container{
width:600px;
}
Jedoch habe ich Schwierigkeiten horizontal habe in der ul innerhalb #container
Zentrierung. Es scheint, dass ich eine feste Breite an der UL für margin: 0 auto
arbeiten benötigt (benötigt text-align: center
für IE). Ich möchte jedoch keine feste Breite für die ul festlegen, da die li-Elemente dynamisch sind.
Bitte beraten.
Danke, aber keine Inline-Block funktioniert nicht in IE6 (und IE7?)? – cadaa
Sie können diesen Trick versuchen, damit es mit IE funktioniert (ich kann nicht überprüfen, ob es funktioniert, da ich gerade auf einem Mac bin). Fügen Sie das zu '#container ul' hinzu:' zoom: 1; * display: inline; 'Die Gründe dafür werden hier erklärt: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ –