Css ed IE6: 5 problemi tipici e le soluzioni per risolverli
Sappiamo tutti che quando progettiamo un sito web, prima o poi ci tocca testarlo con internet explorer 6 e cominciare a pregare….
Andiamo a vedere alcuni dei problemi più frequenti che possiamo incontrare con internet explorer e come poterli risolvere.
1. Valore doppio nei margini quando si usa la proprietà float nei div
Molto spesso capita di voler “affiancare” 2 div, magari uno che contiene del testo e l’altro delle immagini. Se impostiamo un margine a volte il valore risulta doppio in IE 6.
#content {
float: left;
width: 500px;
padding: 10px 15px;
margin-left: 20px; }
Soluzione
Aggiungete la proprietà display:inline e tutto si sistemerà.
#content {
float: left;
width: 500px;
padding: 10px 15px;
margin-left: 20px;
display:inline;
}
2. Le proprietà di margin e padding compromettono le dimensioni e la
posizione dei contenuti
Quando si vuole specificare la larghezza per ogni div non bisogna specificare le proprietà di padding e margin.
#main-div{
width: 150px;
border: 5px;
padding: 20px;
}
Soluzione
Create un div all’interno del precedente e impostate qui il margin e il padding, in questo modo.
#main-div{
width: 150px;
}
#main-div div{
border: 5px;
padding: 20px;
}
Continua a leggere 
Ciao, mi chiamo Federico Pian e lo scopo di questo blog è condividere con te la mia passione per la grafica e il web design.
Ultimi Commenti