Subito il codice
codice:
<div id="Contenitore">
<div id="Corpo">
<div id="Colonna476"></div>
<div id="Colonna301"></div>
<div id="Colonna161"></div>
<div style="clear:left"></div>
</div>
</div>
CONTENITORE contiene tutto il sito e serve per centrare.
CORPO contiene le tre colonne ( prima e dopo CORPO ci sarebbero anche vari header e footer ma non serve citarli ). Il quarto div vuoto devo metterlo altrimenti le colonne in firefox prendono lo sfondo di BODY e non del contenitore ( che è bianco ).
Le 3 colonne hanno margin.left a 10pixel. Ma la prima colonna in explorer prende un margine sempre doppio di quello impostato !
Di seguito il css:
codice:
#Corpo {
width: 978px;
border-style: solid;
border-color: #000000;
border-width: 0px 0px 0px 0px;
color: #575757;
padding: 0px;
margin-top: 5px;
}
#Colonna476 {
width: 476px;
border-style: solid;
border-color: #000000;
border-width: 1px 1px 1px 1px;
color: #575757;
background-color: #none;
padding: 0px;
margin-left: 6px;
float:left;
}
#Colonna301 {
width: 301px;
border-style: solid;
border-color: #000000;
border-width: 1px 1px 1px 1px;
color: #575757;
padding: 0px;
margin-left: 6px;
float:left;
}
#Colonna161 {
width: 161px;
border-style: solid;
border-color: #000000;
border-width: 1px 1px 1px 1px;
color: #575757;
padding: 0px;
margin-left: 6px;
float:left;
}
COme mai in IE 6.0 prende un margine doppio a sinistra ???