Hallo.
Ich habe ein Problem welches in den Firefox Versionen bis 2 auftritt, im Firefox 3.5 ist alles in Ordnung.
Ich habe eine linksbündige Liste, ein dort befindliches strong floatet nach rechts. Im aktuellen Firefox ist alles in Ordnung, in älteren Versionen rutscht das strong Element plötzlich nach unten, was natürlich nicht passieren soll.
Ich habe ein Testcase gebaut um das Problem zu zeigen:
HTML-Code:
<!DOCTYPE html>
<html>
<head>
<title>Testcase</title>
<meta charset="iso-8859-1">
<style>
* {
margin: 0;
padding: 0;
}
html {
overflow-y: scroll;
}
body {
font-family: Arial, sans-serif;
font-size: 1em;
color: #333;
background: #eee;
}
#doc {
width: 600px;
height: 500px;
margin: 0 auto;
background: #fff;
}
ul {
list-style: none;
width: 500px;
margin: 0 auto;
padding: 50px 0 0 0;
}
ul li {
clear: right;
margin: 0 0 10px 0;
padding: 10px;
border: 1px solid #ccc;
background: #eee;
}
ul li strong {
float: right;
}
ul li:hover {
cursor: pointer;
background: #ffb;
}
</style>
</head>
<body>
<div id="doc">
<ul>
<li>Eintrag Nr. 1 der Liste: <strong>Floatende Option........</strong></li>
<li>Eintrag Nr. 2 der Liste: <strong>Floatende Option.......</strong></li>
<li>Eintrag Nr. 3 der Liste: <strong>Floatende Option......</strong></li>
<li>Eintrag Nr. 4 der Liste: <strong>Floatende Option.....</strong></li>
<li>Eintrag Nr. 5 der Liste: <strong>Floatende Option....</strong></li>
<li>Eintrag Nr. 6 der Liste: <strong>Floatende Option...</strong></li>
<li>Eintrag Nr. 7 der Liste: <strong>Floatende Option..</strong></li>
<li>Eintrag Nr. 8 der Liste: <strong>Floatende Option.</strong></li>
</ul>
</div>
</body>
</html>
Kann mir jemand sagen was ich hier falsch gemacht habe?