Ho un problema enorme!
Nelle colonne sto usando clear e float. La cosa strana che succede, che nella colonna centrale il conteuto scende.
Ho provato a cambiare il clear:both; con clear:left; ma in explorer continua il contenuto a stare in basso.
Qualcuno sa dirmi dove sbaglio, vo posto il codice di base.
Magari l'errore è qua.
Grazie mille
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" />
<style type="text/css">
html, body{
background:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:78%;
color:#000000;
height:100%;
margin:0px;
padding:0px;
}
body{
text-align:center;
}
#contenitore{
margin: 0px auto;
text-align:left;
background:#FFFFFF url(img/sfondo.gif) repeat-y ;
border-left:1px solid #003366;
border-right:1px solid #003366;
width: 740px;
\width: 742px;
w\idth: 740px;
}
#testa{
height:140px;
background-image:url(img/head.jpg)
}
#col_sin{
background-color:#999999;
float:left;
padding:5px;
width:178px;
\width:188px;
w\idth:178px;
}
#col_dest{
background-color:#999999;
float:right;
padding:5px;
width:230px;
\width:240px;
w\idth:230px;
}
#col_cent{
background-color:#DDDDDD;
margin-left:188px;
margin-right:240px;
padding:5px;
}
#pie{
clear:both;
width:740px;
background-color:#FFFFFF;
}
</style>
</head>
<body>
<div id="contenitore">
<div id="testa">testa</div>
<div id="col_sin">colonna sinistra</div>
<div id="col_dest">colonna destra</div>
<div id="col_cent">colonna centrale</div>
<div id="pie">pie</div>
</div>
</body>
</html>