Sto consegnando un lavoro un sito fatto con i CSS.
finora tutto bene ho quasi ultimato.. lo vado a provare con firefox e alcune parti non si vedono
<table id="principale" align="center">
<tr>
<td>
...
<table cellpadding="0" cellspacing="0" id="contenuti">
<tr>
<td>
<div id="colonnadx">
<div id="colonnadx_header">
[img]images/boxricerca_auto.jpg[/img]
</div>
<div id="colonnadx_text">
<INC:ricerca id="ricerca" runat="server"></INC:ricerca>
</div>
</div>
<div id="sezione">
<div id="sezione_head">
testata sezione
</div>
<div class="separator2"></div>
<div id="sezione_contenuti">
testo
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
il CSS:
#principale
{
background-color: White;
width: 760px;
height: 100%;
}
/* CONTENUTI */
#contenuti
{
width: 760px;
height: 300px;
margin-left: 12px;
margin-right: 12px;
}
#colonnadx{
width: 210px;
height: 100%;
float: left;
display:block;
margin: 0 0 0 0;
}
#colonnadx_header{
height: 60px;
background-color: #E7E7E4;
}
#sezione{
width: 550px;
height: 100%;
display:block;
float: left;
background-color: #F5F5F1;
padding-left: 5px;
padding-right: 0px;
padding-top: 10px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#sezione_head{
height: 20px;
padding-left: 20px;
padding-right: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bolder;
padding-bottom: 5px;
margin-bottom: 5px;
}
#sezione_contenuti{
padding-top: 6px;
padding-left: 20px;
padding-right: 20px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: justify;
color: #848282;
}
#sezione_contenuti td{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: justify;
color: #848282;
}
La colonna sezione è bianca e non si vede con firefox ok su explorer
grazie
