Salve a tutti.
Sono alle prese con un problema di visualizzazione di IE7.
Su tutti i principali browser (FF, Chrome, Opera, IE8 e Safari) il sito che ho fatto viene visualizzato orrettamente. Su IE7 ho un problema di padding.
spiego brevemente la struttura, fatta con tabelle e celle che richiamano il proprio ID nel css.
tabella main
riga1: cella header
riga2: cella menu
riga3: cella colonna sinistra - cella centrale - cella colonna destra
riga4: cella footer
questo il mio CSS
#main {
width: 994px;
margin-left: auto;
margin-right: auto;
padding-left: 22px;
padding-right: 22px;
border-spacing: 0;
text-align: left;
}
#header {
width: 950px;
height: 150px;
}
#menu {
width: 950px;
height: 30px;
}
#colonna_sx {
width: 150px;
vertical-align: top;
text-align: center;
}
#centrale {
width: 650px;
vertical-align: top;
}
#colonna_dx {
width: 150px;
vertical-align: top;
text-align: center;
}
#footer {
width: 950px;
height: 10px;
}
allego le immagini dei render, corretto e no.
facendo varie prove vedo che se tolgo il padding dalla main, il problema si presenta anche sugli altri browser, quindi deduco che IE7 non legga il padding che imposto.
Come posso fare?
Rispondi quotando