IE7 zentriert Liste nicht
ad
- css
0 suit0 Matthias Apsel0 suit
Hallo,
habe eine horizontal zentrierte Lsite, die der IE7 eben leider nicht zentriert. Was ist hier falsch?
<div class="simplenav">
<ul>
<li id="thisnav1" class="current"><a href="#" onclick="stopSlideshow(1);"></a></li>
<li id="thisnav2"><a href="#" onclick="stopSlideshow(2);"></a></li>
<li id="thisnav3"><a href="#" onclick="stopSlideshow(3);"></a></li>
<li id="thisnav4"><a href="#" onclick="stopSlideshow(4);"></a></li>
</ul>
</div>
Mein CSS:
.simplenav{
margin:10px 0 0;
padding:0;
display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.simplenav ul{
text-align:center;
display:block;
width:860px;
margin:0;
padding:0 40px;;
}
.simplenav li{
list-style-type:none;
display:inline-block;
background:url(/images/layout/simplenav.png) no-repeat;
}
.simplenav a{
width:22px;
height:19px;
display:inline-block;
}
Hab statt display:inline-block;
auch schon mit float:left
experementiert aber war leider ebenso erfolglos.
Wäre über jeden Tipp dankbar!
Und nochwas:
Wo ist eigentlich der Unterschied zwischen
<div id="foo">
<ul>
<li></li>
</ul>
</div>
und
<ul id="foo">
<li></li>
</ul>
Letzteres ist ja eindeutig kürzer. Unter welchen Umständen wäre die erste Variante gerechtfertigt? Oder ist das 2. _immer_ die bessere Wahl?
1000dank
andi
füttere den IE7 (und bei bedard den IE6) mit inline anstatt inline-block.
Om nah hoo pez nyeetz, ad!
Wo ist eigentlich der Unterschied zwischen <div id="foo"> <ul> <li></li> </ul> </div>
und
<ul id="foo"> <li></li> </ul>
ein umgebendes Element ist immer dann sinnlos, wenn nur ein Element enthalten ist.
Beispielsweise wäre sinnvoll
<div id="nav">
<h3>Wegweiser</h3>
<ul>
...
</div>
Beispiel für den ersten Fall: Brückentage.info, wobei hier die id 'navlinks' ungünstig (d.h. nach ihrer gegenwärtig gewünschten Darstellungsart) gewählt ist. Besser wäre vielleicht 'hauptnav'.
Beispiel für den zweiten Fall celsius-fahrenheit.net
Matthias
ein umgebendes Element ist immer dann sinnlos, wenn nur ein Element enthalten ist.
Nicht unbedingt - es kann auch Tabellen mit nur einem Datensatz geben, genauso kann es Listen mit nur einem Eintrag geben.
Beispiel Einkaufsliste als Tabelle:
Heute:
Menge | Einheit | Beschreibung
------+---------+-------------
1 | l | Milch
Morgen:
Menge | Einheit | Beschreibung
------+---------+-------------
2 | kg | Mehl
300 | g | Hackfleisch
Om nah hoo pez nyeetz, suit!
ein umgebendes Element ist immer dann sinnlos, wenn nur ein Element enthalten ist.
Nicht unbedingt - es kann auch Tabellen mit nur einem Datensatz geben, genauso kann es Listen mit nur einem Eintrag geben.
Diese Beispiele ziehen nicht, weil weder ein <li> noch ein <tr> die Möglichkeit hat, außerhalb der <o|ul> bzw. <tbody|head|foot|able> zu existieren.
Matthias