Salve a tutti, sono nuovo di questo forum (ed in generale con i css)
vi espongo il mio problema:
in un layout a 2 colonne fisso, utilizzando la proprietà float, non riesco ad allineare il box dei contenuti al box del menu.o meglio, IE 6 lo visualizza correttamente mentre mozilla mi crea problemi. vi posto il patè di codice che ho scritto (è pieno di roba inutile secondo me, ma non so cosa eliminare!!!). grazie a tutti per l'aiuto!
codice css [
/* CSS Document */
body {
margin: 0;
padding: 0;
text-align: center;
background: #EEE;
color: #000;
}
#centrato {
width: 700px;
margin: 0px auto;
text-align: left;
}
#corpo {
float: left;
width 694px;
border-left: 3px solid #000;
border-right: 3px solid #000;
background: #FFF url(images/sfondo.2col.fisso.bordodx.gif) right top repeat-y;
}
#colonna1 {
text-align: center;
display: inline;
float: right;
width: 180px;
margin-right: 3px;
padding-left: 25px;
background: transparent;
color: #000;
}
#colonna2 {
clear: both;
display:inline;
text-align: left;
float: left;
/*width: 500px;*/
background: transparent;
color: #000;
width: 481px;
}
#intestazione {
margin-top: 40px;
text-align: center;
background: #E60;
color: #FFF;
border: 3px solid #000;
}
]
codice html [
<body onload="MM_preloadImages('images/home2.GIF','images/home3.GIF','images/ISCRIVITI2.GIF','images/ISCRIVITI3.GIF','images/FAQ2.GIF','images/FAQ3.GIF','images/LOGIN2.GIF','images/LOGIN3.GIF')">
<div id="centrato">
<div id="intestazione">
INTESTAZIONE</p>
</div>
<div id="corpo">
<div id="colonna1">
COLONNA1</p>
<div id="menu">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>[img]images/home.GIF[/img]</td>
</tr>
<tr>
<td>[img]images/ISCRIVITI.GIF[/img]</td>
</tr>
<tr>
<td>[img]images/FAQ.GIF[/img]</td>
</tr>
<tr>
<td>[img]images/LOGIN.GIF[/img]</td>
</tr>
</table>
</div>
</div>
<div id="colonna2">
<div id="content">
COLONNA2</p>
</div>
</div>
</div>
<div id="piedipagina">
Copyright B@ckup System S.R.L. | All Rights Reserved
</div>
</div>
</body>
</html>
]
Rispondi quotando