Problema explore 6

[Daniel_1986_Ian]

Ragazzi ho questo css che con explorer 7 va, mentre con il 6, mi sposta tutti i link sulla destra, è come se mi calcolasse i margin più gtrandi, vi posto il css del mio codice:

.box{
width:1030px;
height:780px;
margin: -50px auto;
background:url(images/home.jpg);
}

.button1
{
width: 104px;
height: 37px;
margin-top:270px;
margin-left:83px;
float:left;

}

.button1 a
{
display: block;
width: 104px;
height: 37px;
padding:0px;
margin:0px;
background: url(images/pulsanti/chiSiamo.jpg) ;

}

.button1 a:hover
{
background: url(images/pulsanti/chiSiamoR.jpg) ;

}


.button2 {
width: 170px;
height: 35px;
margin-top:347px;
margin-left:-125px;
float:left;
}
.button2 a {
display: block;
width: 171px;
height: 35px;
padding:0px;
margin:0px;
background: url(images/pulsanti/eventi.jpg) ;
}
.button2 a:hover {
background: url(images/pulsanti/eventiR.jpg) ;
}


.button3 {
width: 228px;
height: 36px;
margin-top:423px;
margin-left:-170px;
float:left;
}
.button3 a {
display: block;
width: 228px;
height: 36px;
padding:0px;
margin:0px;
background: url(images/pulsanti/news.jpg);
}
.button3 a:hover {
background: url(images/pulsanti/newsR.jpg);
}


.button4 {
width: 193px;
height: 45px;
margin-top:495px;
margin-left:-110px;
float:left;
}
.button4 a {
display: block;
width: 193px;
height: 45px;
padding:0px;
margin:0px;
background: url(images/pulsanti/registrati.jpg) ;
}
.button4 a:hover {
background: url(images/pulsanti/registratiR.jpg) ;
}


.button5 {
width: 216px;
height: 40px;
margin-top:571px;
margin-left:-161px;
background: url(images/pulsanti/contattiR.jpg) ;
float:left;
}
.button5 a {
display: block;
width: 216px;
height: 40px;
padding:0px;
margin:0px;
background: url(images/pulsanti/contatti.jpg) ;
}
.button5 a:hover {
background: url(images/pulsanti/contattiR.jpg) ;
}

il codice su cui viene applicato il tutto è questo:

<div class="box">
<div class="button1"></div>
<div class="button2"></div>
<div class="button3"></div>
<div class="button4"></div>
<div class="button5"></div>
</div>

Spero di essere stato chiaro.... Grazie comunque per l'aiuto.... Grazie ancora

[Innavoig]

Originariamente inviato da Daniel_1986_Ian
Ragazzi ho questo css che con explorer 7 va, mentre con il 6, mi sposta tutti i link sulla destra, è come se mi calcolasse i margin più gtrandi, vi posto il css del mio codice:



il codice su cui viene applicato il tutto è questo:



Spero di essere stato chiaro.... Grazie comunque per l'aiuto.... Grazie ancora

da quanto ho capito stai costruendo un menù , con bottoni .
Beh se è così stai perdendo molto tempo.
Devi imparare e ti consiglio , perchè puoi fare anche nella tua maniera , dicevo , devi imparare a costruire i bottoni ad elenchi puntati . non come singoli div come fai tu.
è più complesso rispetto quello che hai fatto , ma quando lo imparerai , ti vedrai ringiovanito di 100 anni

cerca nel forum come si costruisce un menu in elenco puntato. ul li a.

[Mich_]

IL problema segnalato sembra essere: "raddoppio dei margini in IE quando il contenitore e` flottato".
E` un bug noto, e ci sono in giro (anche nel forum) alcune soluzioni, tipo quella di metterci anche un pleonastico
display: inline;

Comunque ha ragione Innavoig quando dice che per i menu si usano le liste.
Tra i "link utili" - sezione menu - trovi vari link a siti che propongono raccolte di menu. A me piace quella di CSSplay.