fastclemmy.com

Ce n'est un secret pour personne, l'hégémonique Internet Explorer, dont la version la plus récente date de 2001 déjà est truffé de bugs/limitations/défauts que le webdesigner découvre souvent avec horreur au dernier moment. De nombreuses ressources sur le sujet existent, je tente ici de les rassembler dans un seul et même log.

Mise à jour 23.01.04

Le célèbre problème du box model - Contenu, margin, padding

Les bugs d'IE5+ (PC)

Les bugs d'IE5 (Mac)

Comment spécifier une min-height, max-height, min-width ou max-width

Comment émuler le position:fixed avec IE

Comment utiliser la transparence alpha dans IE

Comment faire des bordures pointillées de 1px sous IE

Comment émuler <abbr> sous IE

Comment spécifier des règles CSS pour IE5+ PC uniquement

Comment attribuer un :hover à autre chose qu'un lien

N'hésitez pas à donner vos liens dans les commentaires !

#liens

Vos commentaires

Yann Kerhervé -
Génial...
Enfin une unique adresse vers qui renvoyer mes collaborateurs plutôt que les "euh... c'est pas sur le site d'un tel ?" et "si tu cherches ca dans google... tu trouves pas... Ah ca te fait chier la version 5.16 de mac"

Merci

Tristan - site -
Excellente compilation. Je blogue de suite !

Alain Oguse -
Ah ça oui, voilà bien oeuvre utile !
Merci Clément, mille fois, et merci aussi à Tristan pour me l'avoir fait découvrir sur Standblog.

bob -
Trop d'la ballatomik ;-) Merci gars !

Anonyme -
Et moi j'ai mieux pour contourner les bugs et limitations d'IE : http://frenchmozilla.org !!!

Darken -
Très bonne compilation. Bravo ! :)

Gatan - site -
Et le “peekaboo bug” ? Hein dis … ;)
http://www.positioniseverything.net/explorer/peekaboo.html
http://www.positioniseverything.net/ fait un listing de ce type de bug mais dans d’autres applications. (Même Moz’ fait quelques bêtises…)

fastclemmy - site -
>Gatan > Positioniseverything fait partie des liens cités dans la partie Les bugs d'IE5+ (PC) ;-)

Alphab - site -
Un autre bug moins connu : IE ne sait pas ajouter à la volée une option dans une liste déroulante, ici exemple de code depuis un pop-up :
obj = opener.document.forms['monform'].monselect
len=obj.options.length;
obj.options.length++;
obj.options[obj.options.length-1] = new Option('newoption', 'newvalue');
obj.selectedIndex=len;

J'ai passé des heures à vérifier mon code alors que ca marche nickel sous mozilla... un bon bug IE, c'est tout...

jdifool - site -
Salut, et bravo pour cette jolie compilation de hacks pour IE6. Les designers pros n'ont pas tellement le choix, mais je pense que les pages persos de ceux qui utilisent Mozilla/Opera/Safari devraient refuser de mettre en place ces hacks...
Enfin, je m'éloigne....

J'ai cherché et n'ai pas trouvé une façon de faire marcher la pseudo-classe :target avec IE6, pour faire des interfaces en onglets instantanés. Quelqu'un a une idée ?

Merci d'avance,
and keep going !

jdif

pains-aux-raisins -
Je viens de découvrir à mes dépends une nouvelle limitation de IE concernant les CSS et ses sélecteurs :
http://cthedot.de/test/selector.html

Merci pour cette page
et bonne continuation !

pains-aux-raisins

jacky - site -
Quand est-ce que tout le monde mettra IE a la poubelle ?

yannouk - site -
En tous cas, sous IE6, cette meme page rame a mort. Ca fait un peu tache non?
Domage car le contenu me semble réellement intérréssant

John - site -
c est clair, une horreur avec IE, surtout pour un site qui explique comment palier les problèmes IE :-)

Ju - site -
Très bonne initiative que ce dossier, mais effectivement du coup ça se doit d'être parfait : le cadre qui ne s'agrandit pas (et c normal) en fonction du texte sous momo ça fait pas propre...

Pulsar-san - site -
Vraiment intéressant.
J'ajoute tout de suite ce site à mes signets.

Mqrco - site -
Vraiment intéressant, et ça me rappelle mes galères pour que l'affichage soit équivalent sous Mozilla et sous IE.
Sinon, même remarque que Juju.

Bon boulot, chapeau ! ^^

Jeromax - site -
très très interressant tout ça !

fotoweb - site -
Treeeees boon !

Siddhy - site -
C'est bien pratique tout ça. Ca m'a évité des heures de prise de tête...
Merci

Christophe -
le nouveau lien du hack "Comment spécifier des règles CSS pour IE5+ PC uniquement" est :

http://wellstyled.com/css-underscore-hack.html

(au lieu de http://www.pixy.cz/blogg/clanky/cssunderscorehack/)

Merci pour ce recensement

Bobez - site -
Bravo pour ce regroupement d'informations utiles. Sus à IE ! ;-)

PACMAN - site -
Super boulot de votre part, interessant a lire ! Cependant, le site a une largeur de combien, car je suis en 1024, et j'ai un scroll en bas sous netscape 7.02 ... Il y a encore des defauts à contourner :)

Séverine - site -
Voilà une autre bonne source d'informations sur les CSS, pas simplement les bugs mais aussi tout un tas de techniques bien pratiques :
http://css-discuss.incutio.com/

olipeos - site -
ah bon, ya des bugs sous IE? on m'aurait menti?
=> sinon, pour ce qui est des bonnes pratiques d'accessibilité pour vos pages et trouver qq recettes (en +) pour IE: http://www.openweb.eu.org/

djkori - site -
Bravo, plein de liens très utiles pour contrecarrer la stupidité et non-fonctionnalité de IE... vive les navigateurs aux normes !!!

XTinitus -
Merci, merci, merci... très utile ce regroupement d'information.

stann - site -
super compil !!

dan - site -
Joli travail!!

k3nshin - site -
Enfin l'article que je cherchais! clair et très complet. En attendant que certains navigateurs interprètent correctement les sites web, merci pour tout! :P

jedouard - site -
Excellente compilation! merci pour ce partage.

Julien - site -
Merci pour l'aide ça va bien m'aider pour mon site !

Hélène - site -
Contourner les limitations d'IE ? c'est un peu utopique, il faudrait surtout tout faire pour que les internautes n'utilisent plus les anciennes versions..

learn more - site -
I will collect this for personal use. I will definitely collect this

check this - site -
Your post make me think of this. it is a matter of thoughts.

Ajouter votre commentaire