Innanzutto ciao a tutti.
Sto al momento realizzando un sito per una casa editrice,il problema e che ho un problema nella visualizzazione degli spazi di internet explorer,tutti i browser(da firefox a google chrome) mi visualizzano le liste con dei margini perfetti. Mentre per explorer 7 il codice risulta un pò di disallineato rispetto al background degli elementi in lista.
Per facilitare la risoluzione vi posto il link del sito di prova che sto creando. Ed il relativo css(scusate per l'impostazione delle regole poco chiare ma sono un tipo un pò confusionario).
sitodiprova
a {
margin:0px;
padding:0px;
text-decoration:none;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#testa {
width:900px;
height:140px;
margin-right: auto;
margin-left: auto;
}
#contenitore {
width:900px;
margin-right: auto;
margin-left: auto;
}
#sinistro {
width:190px;
float:left;
}
#centro {
width:400px;
float:left;
}
#destro {
width:300px;
float:left;
margin-left: 10px;
}
#footer {
clear:both;
height:100px;
}
#menu_principale {
width:190px;
background-image: url(immagini/sfondo_menu.jpg);
background-repeat: no-repeat;
background-position: center top;
}
h2 {
padding:0px;
margin:0px;
height:40px;
line-height:40px;
font-size:10px;
color:#663333;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}
.titolo {
width:190px;
height:40px;
background-image: url(immagini/titolo.jpg);
background-repeat: no-repeat;
background-position: center top;
}
ul,li {
margin:0px;
padding:0px;
list-style:none;
}
#menu_principale ul {
list-style-type: none;
padding-left:10px;
}
#menu_principale ul li {
background:url(images/bullet-orange.gif) no-repeat left 7px !important;
padding-left: 20px !important;
font-size:11px;
font-weight: bold;
color:#333333;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
padding-top: 5px;
}
#menu_principale ul li a {
color:#663300;
}
#menu_principale ul li a:hover {
text-decoration:underline;
cursorointer;
}
#in_primo_piano ul {
list-style-type: none;
padding-left:10px;
}
#in_primo_piano ul li {
padding-left: 20px !important;
font-size:11px;
font-weight: bold;
color:#333333;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
padding-top: 5px;
background-image: url(images/pallino_giallo.gif);
background-repeat: no-repeat;
background-position: left 3px;
}
#in_primo_piano ul li a {
color:#663300;
}
#in_primo_piano ul li a:hover{
color:#663300;
cursorointer;
text-decoration:underline;
}
#extra ul {
list-style-type: none;
padding-left: 10px;
}
#extra ul li {
padding-left: 20px !important;
font-size:11px;
font-weight: bold;
color:#333333;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
padding-top: 5px;
background-image: url(images/pallino_giallo.gif);
background-repeat: no-repeat;
background-position: left 3px;
}
#extra ul li a {
color:#663300;
}
#extra ul li a:hover{
color:#663300;
cursorointer;
text-decoration:underline;
}
Vi ringrazio in anticipito. Vi chiedo di aiutarmi a risolvere questo problema visto che venerdì devo consegnare e sono un pò in ritardo.
Vi ringrazio

ointer;
Rispondi quotando