Hallo,
zu folgendem Code habe ich eine Frage:
<html>
<head>
<style type="text/css">
#container {
width: 32em;
}
label {
clear:left;
float:left;
text-align:right;
width: 10em;
background: yellow;
}
span {
clear:right;
float:right;
font-weight:bold;
width:20em;
background: green;
}
</style>
</head>
<body>
<div id="container">
<label>Dies ist ein etwas längerer Text:</label>
<span>Zeile 1</span>
<label>Dies ist ein etwas längerer Text:</label>
<span>Zeile 2</span>
</div>
</body>
</html>
Es sollen im Prinzip zwei Zeilen erstellt werden. bei einem Zeilenumbruch soll der Text aus dem Span immer direkt neben den Text aus dem Label stehen.
Im Firefox funktioniert das prächtig. Nur der IE6 zerhaut mir meine Ansicht ein wenig. Dh. im IE6 wird der Text Spaltenweise ausgerichtet und nicht Zeilenweise.
Hat jemand einen Tip für mich, dass der Text im IE6 korrekt ausgerichtet wird?