Che voi sappiate explorer 6.0 ha qualche problema ad interpretare il margin laterale di un <div>?
In particolare explorer sembra che interpreti in maniera scorretta il margin-left:30px; del div#centroSx facendomi scalare su un altra righa l'ultimo box cioè centroDx.
Con Firefox invece tutto ok i 3 box di secondo livello stanno allineati su un unica riga.
Posto il codice:
<div id="centroFull">
<div id="centro">
<div id="centroSx">
<div class="contCentroSx">assdsd</div>
</div>
<div id="centroCentro">
<div id="centroNews">
<div class="contCentroNews"></div>
</div>
<div id="centroReg">
<div class="contCentroReg">[img]images/aiutoLogin.gif[/img]</div>
</div>
</div>
<div id="centroDx">
<div class="contCentroDx">ss</div>
</div>
</div>
</div>
mentre il css è il seguente:
body{
padding: 0px;
margin: 0px;
background-color: #C9DFED;
}
div#centroFull{
width: 100%;
height: 390px;
background-color:#C9DFED;
border-bottom-style:solid;
border-width:1px;
border-bottom-color:#FFFFFF;
padding: 0px;
}
div#centro{
width:763px;
height: 390px;
background-image:url(../images/ombreCubi.gif);
background-repeat:no-repeat;
margin: 0px auto;
padding-left:0px;
padding-right:0;
border: 0px;
}
div#centroSx{
width:237px; \width: 239px; w\idth: 237px;
border-width:1px;
border-style:solid;
border-color:#ffffff;
background-image:url(../images/benvenutiBg.gif);
background-repeat: no-repeat;
margin-top:28px;
margin-left:30px;
height:346px;
background-color:#D9E9F2;
float:left;
padding: 0px;
}
.contCentroSx{
margin-top:30px;
margin-left:30px;
}
div#centroCentro{
width:237px; \width: 239px; w\idth: 237px;
margin-left:8px;
margin-top:28px;
height:346px;
float:left;
padding: 0px;
}
div#centroNews{
width:237px; \width: 239px; w\idth: 237px;
border-width:1px;
border-style:solid;
border-color:#ffffff;
height:230px;
background-image:url(../images/newsBg.gif);
background-repeat: no-repeat;
background-color:#D9E9F2;
padding: 0px;
}
div#centroReg{
width:237px; \width: 239px; w\idth: 237px;
border-width:1px;
border-style:solid;
border-color:#ffffff;
height:106px;
background-image:url(../images/registatiTop.gif);
background-repeat: no-repeat;
background-color:#D9E9F2;
margin-top:10px;
padding: 0px;
}
div#centroDx{
width:237px; \width: 239px; w\idth: 237px;
border-width:1px;
border-style:solid;
border-color:#ffffff;
margin-top:28px;
margin-left:8px;
height:346px;
background-color:#D9E9F2;
float:left;
padding: 0px;
}
Rispondi quotando
