<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Styling the footer</title>
<style type="text/css" media="screen">
body {
margin: 0;
padding: 0;
font: 85% arial, hevetica, sans-serif;
text-align: center;
color: #505367;
background-color: #D6D6D6;
}
#container {
margin: 1em auto;
width: 650px;
text-align: left;
background-color: red;
border: 1px solid black;
}
#header {
height: 45px;
background-color: fuchsia;
}
#mainnav {
height: 25px;
background-color: green;
}
#menu {
float: left;
width: 180px;
height: 300px;
background-color: yellow;
}
#contents {
background-color: aqua;
}
#footer {
clear: both;
height: 20px;
background-color: lime;
}
.clearfloat {
clear: both;
}
p img {
float: left;
margin-right: 6px;
margin-bottom: 6px;
}
</style>
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="mainnav"></div>
<div id="menu"></div>
<div id="contents">


[img][/img] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin convallis purus in tellus. Nunc sed mauris bibendum sapien adipiscing tristique. Nunc lectus. Duis nunc. Vivamus non nunc. Morbi eleifend, elit in
<br class="clearfloat">
</p>


[img][/img] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin convallis purus in tellus. Nunc sed mauris bibendum sapien adipiscing tristique. Nunc lectus. Duis nunc. Vivamus non nunc. Morbi eleifend, elit in </p>
<br class="clearfloat">
</div>

</div>
<div id="footer"></div>
</div>
</body>
</html>

Qualcuno mi saprebbe spiegare perchè quando imposto .clearfloat viene cancellato non solo il float del DIV IMAGE ma anche quello del DIV MENU?

sembra che il fatto che il DIV IMAGE sia inserito all'interno di un altro DIV (CONTENTS) non sia sufficente per evitare questo... Avete idea di come si risolva la cosa?

CIao e Grazie<br class="clearfloat">