Cherche à résoudre un bug CSS d'IE

Billet

Petite demande d'aide pour résoudre un bug CSS dans Internet Explorer :)

Voici la page en question: sans tableaux En fait c'est la reconstruction en CSS d'un design par tableaux relativement complexe. Ma solution marche impeccablement dans Mozilla et Opera mais pas dans IE. J'ai un div "spacer" (un clear:both) sensé permettre que le div #contenu soit de la même hauteur que le menu flottant lorsqu'il n'a pas assez de contenu. IE zappe ce clear. J'ai trouvé des références à des bidouilles pour des bugs de float d'IE sur le web, mais rien qui s'applique à ce cas. Quelqu'un à une idée ?

Mise à jour : Ce code marche pour Opera, Safari et mozilla suite 1.8, il ne marche pas pour firefox 1.0, en tous cas pour le moment car le code n'a pas été intégré dans la branch aviary. C'était ce bug : bug 148994

S'il y a un développeur mozilla influent et francophone qui lirait ce message, merci de convaincre le responsable du module d'intégrer ce patch !

Commentaires

1. Le vendredi 1 octobre 2004, 20:17 par mauriz

Hum, chez moi ça ne marche pas dans Firefox 1.0PR Windows.

2. Le samedi 2 octobre 2004, 00:02 par pascal

Arghhh tu as raison, ça bugue aussi dans la dernière version de Firefox !!

Apparemment ça buggue dans la branche 1.7 et c'est bon dans 1.8

Bon, j'ai pas fini...

3. Le samedi 2 octobre 2004, 01:00 par phdm

Pascal,

j'ai regardé un peu vite ton code, donc je dis peut-être une bêtise, mais spontanément, je purgerai les "position: relative".

Pour que ça marche avec IE, il faut que des blocs conteneurs aient alors une largeur ou une hauteur de définie. En la matière, ma référence est le site positioniseverything.net, en particulier lire "How to attack an IE/Win bug" ( www.positioniseverything.... )

En suivant les indications de ce site, très librement dans mon cas, on arrive à faire de belles choses sous IE, même si le code en sort alourdi pour qu'une largeur width soit toujours définie lorsqu'apparaît un block flottant (je préfère alourdir le code que d'utiliser des hacks, c'est juste une option perso que l'on peut très légitimement critiquer).

@mitiés

Philippe

4. Le samedi 2 octobre 2004, 10:06 par Igor

Bonjour,
Cette solution de Laurent Denis ne conviendrais t-elle pas ?
blog-and-blues.org/weblog...

5. Le samedi 2 octobre 2004, 12:54 par pascal

merci pour les suggestions :)

J'ai déjà essayé les conseils de positioniseverything sans succès. L'abondance de position relative est en fait aussi suppposé faciliter le travail d'IE :)

La solution de Laurent est en fait celle que j'utilise en général mais cette fois ci je cherche à avoir quelque chose qui fonctionne aussi dans IE et comme IE ne connaît pas display:table, ça ne pourra pas marcher.

En fait ce qui m'inquiète un peu c'est que ma solution ne marche pas dans toutes les versions de Mozilla et qu'en particulier ça ne marche pas dans Firefox 1.0RC :(

6. Le jeudi 12 mai 2005, 09:52 par Martine 1

Je ne peux plus envoyer de mails depuis hier ...le forum est en anglais, donc difficile pour moi ! que faire, qui va m"aider ? je suis, à mon grand déplaisir, sur le point de changer de messagerie tellement j'ai des ennuis avec Thunderbird !

7. Le jeudi 12 mai 2005, 11:18 par Pascal

Martine, merci de ne pas mettre des messages n'importe où sur mon site perso, il n'y a aucun lien entre ton commentaire et mon billet.

Les forums de Geckozone sont en français, les ressources francophones sur Thunderbird ne manquent pas.

8. Le jeudi 19 janvier 2006, 15:47 par classix

Même sur Safari, cool.

Modération : Classix, cela fait le 5ème commentaire quasiment vide de sens que tu mets sur des vieux billets dont le seul but semble être de seulement placer un lien vers ton site. Je te laisse encore le bénéfice du doute et j'enlève donc seulement l'URL, mais si comme je le suspecte tu ne fais que spammer mon site pour essayer de te créer des rétroliens artificiels je me verai dans l'obligation de bannir ton IP. Merci de ton attention.