2
Ich habe folgende HTML-Testseite:Absolute Positionierung ul führt zu merkwürdigem White-Space-Wrapping-Problem in Firefox & Opera. Wie löst man?
<!DOCTYPE html>
<html>
<head>
<title>Position Break</title>
<style type="text/css">
section {
position: relative;
width: 100%
}
li {
display: inline;
}
#list_two {
position: absolute;
top:0;
width:100%;
}
</style>
</head>
<body>
<section>
<ul>
<li>Item One</li>
<li>Item Two</li>
</ul>
</section>
<section>
<ul id="list_two">
<li>Item One</li>
<li>Item Two</li>
</ul>
</section>
</body>
</html>
Die (für mich) erwartete Ausgang davon:
Item One Item Two
Item One Item Two
heißt Beide Listen angezeigt Inline werden soll. Dies ist die beobachtete Ausgabe in Chrome (8) und Safari (5.0.3), aber beide Opera (10.10) und Firefox (3.6) eine unerwartete Ausgabe erzeugen:
Item One Item Two
Item
One
Item
Two
Ich habe versucht, den Aufnahmeabschnitt Positionierungselement statt von der ul. Ich habe versucht, explizite Werte für Breite und Höhe bei jedem Schritt des DOM zuzuweisen, aber ohne Erfolg - ich kann nicht die Kombination finden, die das Chrome/Safari-Verhalten in Firefox/Opera bekommen wird. Wie ist es gemacht?
TIA!
Brilliant. Vielen Dank! –