Rivedendo il tuo codice:
codice:
<!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">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>IT</title>
<link rel="stylesheet" href="it.css" type="text/css" />
</head>
<body>
<div id="main">
<div class="c">
<div id="sinistro">
<p style="margin-left: 40px;">ABABABAAABAABAA</p>
</div>
<div id="destro">
<div id="m1" >spazio1</div>
<div id="m2" >spazio2</div>
<div id="m3" >spazio3</div>
<div id="m4" >spazio4</div>
</div>
<div style="clear:both;">[img]Winter-800x400.jpg[/img]</div>
<div>spazio</div>
<div class="p">
<div class="p1">gnégné</div>
<div class="p1">gnégné</div>
</div>
<div style="clear:both;">spazio</div>
</div>
</div>
</body>
</html>
css:
codice:
* {
margin: 0;
padding: 0;
}
body {
text-align: center;
margin-top: 100px;
font-family: Arial;
color: #ffffff;
}
#main {
width: 800px;
margin: 0 auto;
text-align: left;
}
.c {
background-color: black;
}
#sinistro {
float: left;
width: 550px;
font-size: 44px;
padding-top: 20px;
}
#destro {
float: right;
width: 250px;
font-size: 30px;
text-align: right;
}
.p {
font-weight: bold;
/*background-color: #ffffff;*/
}
.p1 {
float: left;
width: 50%;
text-align: center;
background-color: #ffffff;
font-size: 20px;
color: #000000;
}
#m1 {
font-size: 28px;
height: 20px;
line-height: 20px;
margin-right: 40px;
}
#m2 {
font-size: 36px;
height: 24px;
line-height: 24px;
margin-right: 40px;
}
#m3 {
font-size: 44px;
height: 28px;
line-height: 28px;
margin-right: 40px;
}
#m4 {
font-size: 52px;
height: 50px;
line-height: 50px;
margin-right: 40px;
}
Aggiunto doctype, vedendo che l'immagine aveva una chiusura ho usato xhtml. Nel css semplificato alcune cose e poiché hai un box di dimensioni fisse ho indicato la larghezza anche per i box flottanti e aggiunto un line-height per avere anche con explorer l'effetto del testo quasi sovrapposto, ho tolto il margine dai div col float e l'ho l'inserito negli elementi interni (margini, padding e bordi su un elemento si sommano infatti alla larghezza assegnata all'elemento stesso e per evitare calcoli vari l'ho attribuito agli elementi interni senza specificazione di width). Ho modificato poi qualche altra piccola cosa che apparirà dal confronto dei codici