Layout Liquido

[igorb82]

Salve ragazzi, ho un problema...questa pagina nn si allunga con il contenuto
http://www.rionecontrastanga.net/nuovo/il_muro.php
su firefox rimane su mentre con explorer si allunga

#contenitore1{
border: 0px solid red;
margin: 0 auto 0 auto;
float:left;
width: 779px;
background:#FEFE8B;
}

#contenuti-pagina{
border: 0px solid black;
width: 750px;
float:left;
font-size:12px;
margin-left: 10px;
}
#cont-top-ilcontrastanga{
border: 0px solid red;
width: 655px;
height: 13px;
float:left;
font-size:1px;
}
#cont-bottom-ilcontrastanga{
border: 0px solid green;
width: 400px;
height: 33px;
float:left;
font-size:1px;
}

#cont-left-ilcontrastanga-ang{
border: 0px solid red;
width: 27px;
height: 40px;
float:left;
font-size:1px;
}

#cont-middle-ilcontrastanga{
border: 0px solid red;
background: #fffbb8;
width: 683px;
height: 600px;
float:left;
font-size:10px;

}

#cont-left-ilcontrastanga{
border: 0px solid green;
width: 27px;
height: 426px;
float:left;
font-size:1px;
}

#cont-right-ilcontrastanga-ang{
border: 0px solid red;
width: 39px;
height: 40px;
float:left;
font-size:1px;
}

#cont-left-ilcontrastanga-middle{
background-image: url(../image/sx_middle.jpg);
border: 0px solid green;
width: 27px;
height: 546px;
float:left;
font-size:1px;
}

#cont-right-ilcontrastanga{
border: 0px solid green;
width: 39px;
height: 426px;
float:right;
font-size:1px;
margin-right: 1px;
}

#cont-right-ilcontrastanga-middle{
background-image: url(../image/dx_middle.jpg);
border: 0px solid green;
width: 39px;
height: 546px;
float:left;
font-size:1px;
}
#foto{
float:left;
}

[Mich_]

Ci sono parecchi errori di HTML, che possono pregiudicare la corretta intrpretazione della pagina.

Ti consiglio comunque di scegliere una DTD (vedi la voce DOCTYPE nei manuali HTML) e seguire la sintassi prevista dalla DTD stessa.

Gli errori che ho visto:
- mancano le virgolette (o apici) attorno ai valori in molti attributi HTML
errato: <div id=pagina>
corretto: <div id="pagina">

- usi il carattere - (meno) dentro ai nomi dgli id e delle classi
errato: <div id=sotto-testata1>
corretto (ad esempio): <div id=sottoTestata1>

- usi formattazione realizzata tramite attributi HTML: questo impedisce al CSS di lavorare corettamente (ma solo in alcuni browser - in altri i CSS hanno la precedenza sugli attributi HTML)
errato: <img border="0" ...
corretto: <img style="border: 0px" ... (ma e` meglio mettere lo stile nel foglio esterno)