Erstmals hallo,
ich beschäftige mich seit neuersten mit CSS. Nun habe ich gelesen ,das man immer nach einem float ein clear braucht. Braucht man das bei den neuen Browser immer noch.
Bei mir checkt er nämlich automatisch, dass er meinen Container darunter darstellen soll.
Hier mein Code. Clear bewirkt hier gar nichts. Aber wieso???
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>VK91</title>
<style type="text/css" media="screen">
body
{
margin: 0;
padding: 0;
background-color: yellow;
}
#container
{
margin: 1em auto;
width: 650px;
background-color: black;
text-align: left;
border: 1px solid blue;
}
#header
{
height: 45px;
background-color: green;
}
#mainnav
{
height: 25px;
background-color: red;
}
#seite
{
float: right;
width:180px;
height: 100px;
background-color: lightblue;
}
#news
{
margin-right: 300px;
margin-left: 20px;
height: 250px;
background-color: aqua;
}
#footer
{
clear: both;
height: 20px;
background-color: lime;
}
</style>
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="mainnav"></div>
<div id="seite"></div>
<div id="news"></div>
<div id="footer"></div>
</div> <!-- /container -->
</body>
</html>