Ciao a tutti, vorrei capire come gestire correttamente un margine che sia visualizzabile allo stesso modo tra IE e FireFox. Nel dettaglio nel codice HTML allegato il bordo rosso risulta centra in IE (corretto), mentre con FireFox risula allineato a SX... come posso fare in modo che sia sempre centrato?
GrazieCodice PHP:
<style type="text/css">
/* Login */
#boxbarlogin {
width:205px;
float:left;
}
#boxbarlogin-top {
width:100%;
height:38px;
background-image: url(Box/BarLogin_Top.jpg);
background-repeat: no-repeat;
}
#boxbarlogin-back {
width:100%;
height:150px;
background-color:#999999;
background-repeat: no-repeat;
}
#boxbarlogin-down {
width:100%;
height:10px;
background-image: url(Box/Bar_Down.jpg);
background-repeat: no-repeat;
}
#boxbarlogin-content {
width: 175px;
border: 1px solid #FF0000;
}
#content {
width: 760px;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 0;
}
#menu-sx {
border: 0;
float: left;
width: 203px;
background-color: #666666;
}
#menu-dx {
border: 0;
float: right;
width: 202px;
}
#center-area {
border: 0;
float: left;
width: 350px;
text-align: center;
margin: 0 0 0 0;
}
</style>
</head>
<body>
<div id="content">
<div id="menu-sx">
<div id="boxbarlogin">
<div id="boxbarlogin-top"></div>
<div id="boxbarlogin-back">
<div id="boxbarlogin-content">
testo testo testo
testo testo testo
</div>
</div>
</div>
</div>
</div>
</body>
Rispondi quotando