ciao a tutti è da un po' che utilizzo un menu dropdown ma ora mi è sorto un problema:
explorer ha una concezione delle distanze diversa dagli altri browsers e quindi per rendere due blocchi vicini in explorer, in tutti gli altri browsers sono TROPPO attaccati.
di seguito ci sono i codici:
HTML:
CSS:
codice:
body{
font-size:0.85em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em;
}
#nav a{
display:block;
padding:0px 5px;
border:1px solid #ffffff;
color:#ffd700;
text-decoration:none;
background: url('bottoni.JPG') repeat-x;
}
#nav a:hover{
background: url('bottonip.JPG') repeat-x;
color:#ff0000;
}
#nav li{
float:left;
position:relative;
}
#nav ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
}
#nav li ul a{
width:12em;
height:auto;
float:left;
}
#nav ul ul{
top:auto;
}
#nav li ul ul {
left:12em;
margin:0px 0px 0px 0px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}
Questo è il link del sito:
http://guideprogrammaz.altervista.org/homepage.html