rendre le rendu du site compatible avec tous les navigateurs ne dépend que de CSS ou X/HTML a un rôle?

Question

Si CSS est seulement un facteur alors quelle chose dans css devrait être dans notre habitude de rendre site compatible dans un navigateur de niveleuse Tous.

Firefox, Safari, IE 6, IE 7, IE 8

Peut-on éviter la nécessité de CSS conditionnel pour IE?

Answer 1

Je ne sais pas quelle "chose" vous voulez en termes de CSS pour atteindre la compatibilité cross-navigateur, mais il est certainement possible de le réaliser sans balises conditionnelles IE. Si je dois les utiliser, je ne peux m'empêcher de penser que j'ai échoué.

Answer 2

Oui, cela dépend de la complexité.

Si vous voulez un coup de main, vous pouvez utiliser une réinitialisation CSS ... Cela rend beaucoup plus facile d'éviter CSS conditionnel.

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } 
body { line-height: 1; } 
ol, ul { list-style: none; } 
blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } 
:focus { outline: 0; } 
ins { text-decoration: none; } 
del { text-decoration: line-through; } 
table { border-collapse: collapse; border-spacing: 0; } 

Answer 3

Il y aura des cas où certains navigateurs ne se comporteront pas conformément aux normes du W3C. Dans le cas de IE, les commentaires conditionnels permettent l'encapsulation soignée de CSS destiné uniquement à ces navigateurs.

Je ne pense pas qu'il serait souhaitable d'éviter d'utiliser des commentaires conditionnels, car l'alternative consiste à utiliser des hacks pour cibler un navigateur spécifique. Hacks (tels que le «Star Hack») pourrait être non fonctionnel à l'avenir, et ne peut pas être invoqué. Un script de réinitialisation CSS est très utile, car il crée un point de départ par défaut pour votre CSS personnalisé.

Même si l'utilisation d'un script de réinitialisation est susceptible de résoudre de nombreuses incohérences entre les navigateurs, cela ne supprimera pas le besoin de CSS spécifiques uniquement pour IE6 ou IE7.