Si prega di elencare i bug/problemi CSS che si incontrano e come risolverli o un collegamento a un sito che li risolve.Problemi/problemi CSS più recenti
Si prega di votare su quali insetti si pensa che le persone incontreranno di più.
Grazie!
IE6 non supporta l'altezza minima.
È possibile utilizzare i commenti condizionali per impostare l'altezza, che IE6 considera come altezza minima.
Oppure è possibile utilizzare il selettore di figlio in CSS, che IE6 non può leggere, per ripristinare l'altezza: auto su tutto tranne IE6.
.myDiv {
height: 100px;
min-height: 100px;
}
.parentElement > .myDiv {
height: auto;
}
utilizzando tecniche come questo può essere problematico, ma tutti i browser moderni popolari lavorare in modo tale che si tratta di una tecnica valida.
Double Margin Bug (< IE7)
Si dice che IE8 non vi permetterà di centrare gli elementi con text-align: center;, solo il testo all'interno degli elementi stessi. Invece, è necessario utilizzare margin: 0 auto;. Se questo è il caso, quasi tutti gli interwebs imploderanno.
Quasi tutti i bug HTML/CSS che incontrerete saranno in Internet Explorer. IE6 ne ha molti, IE7 un po 'meno e IE8 in misura minore.
Avere un adeguato doctype è un must. Senza di esso la pagina viene visualizzata in modalità strane e, in particolare, per IE è negativo. Rende la pagina più o meno come farebbe IE5, con il box model bug e tutto il resto.
Ecco alcuni bug di IE comuni:
rendere il contenuto di ogni elemento ad alta almeno un carattere. (Può essere risolto utilizzando overflow.)
Espansione di ogni elemento per contenere i suoi bambini anche se si tratta di elementi mobili. (Può essere risolto utilizzando l'overflow.)
Gli elementi che non sono posizionati ma hanno un layout ottengono uno z-index, sebbene non dovrebbero. (Può essere corretto posizionandolo e assegnargli uno z-index specifico e fare lo stesso per tutti gli elementi dello stesso livello che lo richiedono)
I margini non sono compressi correttamente. (Utilizzare il riempimento, se possibile, se possibile.)
Elementi mobili di fuga. (Dare loro una dimensione specifica.)
lots more... (inclusi suggerimenti per le correzioni)
La correzione più stabile per la maggior parte degli insetti è quello di riorganizzare il layout per evitarli, o per specificare gli stili più rigorosi (ad es. una dimensione specifica).
Gesso altro per IE6: DropDownList and DIV overlapping problem, con schermate. La correzione iframe è menzionata nell'articolo. Non sono sicuro se ci sono bug CSS che hanno comportamenti buggy coerenti su tutti i browser.
qui un link che lista tutti i bug di IE conosciuti e come risolvere il problema: PositionsEverything.net
sono persone di mira
ckarbass
Quasi certamente no, ma è importante essere a conoscenza del problema. –
si verifica in IE6 se non si specifica un doctype, o vari altri problemi che causano l'IE6 in modalità quirk, la pagina di wikipedia li elenca. –