per centrare un box nella pagina ho usato questo tag:
margin: 0px auto;
con firefox funziona ma con explorer no, c'è un tag che va bene per entrambi?
per centrare un box nella pagina ho usato questo tag:
margin: 0px auto;
con firefox funziona ma con explorer no, c'è un tag che va bene per entrambi?
questo è il codice:
<style type="text/css">
body {
background-color: #ffffff;
margin: 0px;
padding: 0px;
font-size: 11px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-color: #666666;
}
#nonna {
background-color : Aqua;
width : 1000px;
height : 100px;
margin: 0px auto;
overflow: visible;
float:center;
}
#madre1 {
background-color: green;
width : 120px;
height : 20px;
margin-top : 30px;
position: absolute;
}
#madre2 {
background-color: green;
width : 120px;
height : 20px;
margin-top : 30px;
margin-left : 130px;
position: absolute;
}
#madre3 {
background-color: green;
width : 120px;
height : 20px;
margin-top : 30px;
margin-left : 260px;
position: absolute;
}
#figlia1 {
background-color: red;
width : 120px;
height : 80px;
margin-top : 10px;
}
#figlia2 {
background-color: red;
width : 120px;
height : 80px;
margin-top : 10px;
}
#figlia3 {
background-color: red;
width : 120px;
height : 80px;
margin-top : 10px;
}
</style>
<div id="nonna">
<div id="madre1">
MADRE 1
<div id="figlia1">FIGLIA 1</div>
</div>
<div id="madre2">
MADRE 2
<div id="figlia2">FIGLIA 2</div>
</div>
<div id="madre3">
MADRE 3
<div id="figlia3">FIGLIA 3</div>
</div>
</div>
HO RISOLTO cambiando il div nonna in questo modo:
#nonna {
background-color : Aqua;
width : 1000px;
height : 100px;
overflow: visible;
position: absolute;
margin-left: 50%;
left: -500px;
}
Basta mettere text-align: center al div che contiene quello da centrare (per IE ovviamente)
Maurizio
"se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"