IE8 et min-width et max-width

1 Aug 2011IE8

Après IE7, arrive IE8, normal, surtout en ce moment où la guerre des navigateurs fais rage !

Pourtant, et on le sait depuis longtemps, une nouvelle version d'IE apporte certe des corrections, mais aussi son lot de bizarrerie, Microsoft oblige.

Ici je veux juste vous faire part d'un comportement que j'ai remarqué avec la nouvelle version du navigateur préféré de Bilou.

Constat

Sur IE8 donc, si vous codez comme beaucoup avec le Doctype en XHTML, vous pourrez avoir quelques soucis de CSS. Notamment avec la balise min-width et max-width. Ces balises ne seront pas prisent en compte par le navigateur.

Doctype XHTML transitional :

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Ces 2 balises fonctionnent sur IE8, elles étaient d'ailleurs déjà présentes sur IE7. Oui mais voilà, aujourd'hui, si vous êtes en XHTML, aucune chance pour que cela fonctionne sous IE8 ... pas de bol, mais vous devrez passer votre Doctype à HTML5 pour faire fonctionner ces petites balises.

Solution

Déclarer le Doctype de la page en HTML5 afin que les balise min-width et max-width fonctionnent sur IE8.

Doctype HTML 5 :

<!DOCTYPE html>

Vous êtes ici

IE8 et min-width et max-width

Constat

Solution