nicht angemeldet
Hallo,
ich habe zwei bereichen, in denen ich links floaten will.
nach einem clear erscheint der Text "z ... Ende" erst Horizontal unter dem linken Menü.
Bei FF und IE7 klappt das.
Franka
Mein code:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style type="text/css">
#links {
float:left;
width:450px;
}
#links ul.navigation
{ list-style: none;
padding-left: 250px;
}
#links ul.navigation li
{ margin-top: 2px;
width:140px;
text-align:right;
background-color:black;
}
#links ul.navigation a
{ color:white;
background-color: black;
text-decoration:none;
padding-right:10px;
padding-top:1px;
padding-bottom:1px;
display: block;
width: 180px;
}
#center {
margin-left:0px;
overflow:hidden;
padding-left:10px;
padding-right:5px;
margin-left:450px;
}
#center ul.navigation
{ list-style: none;
list-style-type: none;
}
#center ul.navigation li
{ display: inline;
margin-left:10px;
float: left;
}
#center ul.navigation li a
{ background: black;
color: white;
text-decoration:none;
}
</style>
<title>IE6 Fehler</title>
</head>
<body>
<div id="content">
<div id="links"><ul class="navigation"><li><a href="x" >Punkt1</a><li><a href="x" >Punkt1</a><li><a href="x" >Punkt1</a><li><a href="x" >Punkt1</a><li><a href="x" >Punkt1</a><li><a href="x" >Punkt1</a></ul></div>
<div id="center">
<div id="submenu"><ul class="navigation"><li><a href="#">Punkt A</a></li><li><a href="#">Punkt A</a></li><li><a href="#">Punkt A</a></li></ul></div>
<div s_tyle="clear:left"></div>
<p>Some Text<br>z<br>z<br>z<br>z<br>z<br>z<br>z<br>z<br>z<br>z<br>z<br>z<br>z<br>z<br>ENDE</p>
</div>
</body>
</html>