Hallo auch,
habe ein Problem mit der Darstellungsweise des IE 6.0. Folgender CSS und HTML-Code erzeugt im FireFox die gewünschte Navigationsstruktur:
Code:
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
ul#navigation {
position: absolute;
left: 20px;
bottom: 5px;
}
ul#navigation li {
margin-right: 40px;
}
ul#navigation * {
float: left;
}
ul#navigation li ul * {
float: none;
}
ul#navigation li ul {
position: absolute;
bottom: 20px;
}
HTML-Code:
<ul id="navigation">
<li>Platzhalter1
<ul id="subNavigation1">
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
</ul>
</li>
<li>Platzhalter2
<ul id="subNavigation2">
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
</ul>
</li>
<li>Platzhalter3
<ul id="subNavigation3">
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
<li><a href="#">Link4</a></li>
</ul>
</li>
</ul>
Darstellung im FF 3.0
Darstellung im IE 6.0
Kann mir einer sagen wordurch die Verschiebung der UL-Tags innerhalb der LI-Tags (im IE 6.0) ausgelöst wird?
Grüße
27.10.2008, 19:56
UL LI Navigation verschoben
Ähnliche Themen
Linear-Darstellung
