Css : Bug dans Internet Explorer 6, le positionnement relatif et du texte qui disparait.

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 :

Contenu similaire :

Par catégories : Développement web
Par tags : développementcssVizeule Poker Tour

0 réactions :Laisser un commentaire.

Ajouter un commentaire :

Si vous êtes un humain, laissez ce champ vide (les autres : robots, bots, aliens se feront avoir) / if your are human do not fill

Les champs signalés d'un champs obligatoire sont obligatoires.














A propos

Photographe spécialisé dans le concert, et passioné par la mer ; je suis également un habitué des logiciels libres et du Web dont j'ai fait mon métier. Je tente via AtlzA.com de partager avec vous ces passions.
En savoir plus ...

A vous de voir

Photos flickr

Blogs à Lire

Sites AtlzA.com :

Licence

cc by nc saContenu sous licence Creative-Commons - Certains Droits réservés