Css : Bug dans Internet Explorer 6, le positionnement relatif et du texte qui disparait.
Posté 21/01/2008 à 17:14h - 0 commentaires - 171 lectures
Le bug IE6 et css "alacon" du jour : soit un bloc conteneur de deux autres blocs positionés en flottant, l'un à la gauche de l'autre. Et un troisème bloc équipé d'un : "clear:both" pour permettre au conteneur d'ajuster sa taille aux blocs contenus. A priori tout devrait bien se passer, et c'est le cas sous Firefox, mais hélas internet explorer ne l'entend pas de cette oreille et, selon sa guise, décide d'afficher ou pas le texte contenu.
En fait cela semble dû à un bug du moteur IE qui parfois et selon son bon vouloir (des fois oui des fois non) décide d'appliquer les couleurs à vos textes, ceux-ci alors transparents sont illisibles... C'est ce qui m'arrivait sur le site du "Vizeule Poker Tour" où l'on m'avait reporté un bug d'affichage sous ie6, bug que je n'avais moi même jamais pu constater...
(On retrouve ici l'humour bien connu d'IE qui se débrouille que ca marche chez le développeur mais pas chez les lecteurs)
J'ai pu trouver la solution via le forum d'alsacreations, où l'on nous explique que le simple ajout de "zoom : 1;" dans le sélecteur Css du conteneur permettra à vos lecteurs de retrouver de quoi lire.
Je dois dire que je n'avais jamais entendu parler de cette propriété css, d'ailleurs il semble conseillé de ne l'appliquer que à IE via une feuille de style particulière et un appel comme suit :
< !--[if lte IE 6]> < link href="patch-ie.css" rel="stylesheet" type="text/css"> < /link> < ![endif]-->
Et voilà le site redevient lisible par tout le monde...
Encore une fois, pensez à switchez pour Firefox !
Ps : à noter pour le code permettant de ne pas appliquer une CSS si on n'est pas sous IE, attention à bien unir le premier caractère des balises à l'ouverture de celles-ci afin qu'elles fonctionnent, ce n'est pas le cas ici afin d'en garantir l'affichage.
Continuez votre lecture avec des articles sur des sujets proches :
- Extension FireNainwak pour Firefox 3 en téléchargement
- Faire fonctionner une extension Firefox 2 sous Firefox 3 : exemple Firenainwak.
- Petits ajustements graphiques et corrections sur le site.
- Nouveau design et nouvelles fonctionnalités pour AtlzA.com
- Présentation du prochain design de AtlzA.com
Contenu similaire :
Par catégories : Développement web
Par tags :

