[Résolu] Problèmes avec IE 5.5

Bonjour,
Je travail actuellement sur cette page :
http://www.graph-site.net/index.php

dont la feuille de style est à cette adresse :
http://www.graph-site.net/design/style.css

J'ai testé la page avec IE6 / IE5.01 / Firefox1.5 / Netscape8.0.3.3 / Opera8.02 et mozilla 1.7.11 > Aucuns problèmes...
Mais j'ai eu il y a quelques temps le malheur d'essayer avec IE5.5
Voilà ce que cela donne : http://www.graph-site.net/divers/capture.jpg

Je voudrais donc savoir si possible comment régler ce problème (padding je pense). J'aimerai bien le régler, car même si apparemment moins de 4% des internautes utilisent ce browser, cela représente quand même du monde.

Bonnes fêtes de fin d'année !
Cordialement


Damien
Modifié par Graph-Site (22 Dec 2005 - 16:39)

Bonjour,

IE5.5 (comme IE6 en mode quirk) ne suit pas le modèle de boite standard. Au lieu de cela, la largeur d'une boîte comprends également le padding et le border. Du coup ta boite .box-milieu est plus large que prévu et l'image se répete.

Je vois 3 solutions :
- tu empeches la repetition horizontale de l'image
- tu réajustes dans les commentaires conditionnels la taille de la boîte
- beaucoup plus simple, tu n'imposes pas la largeur de tes boites imbriquées (retire width: 165px pour .box, .box-haut, box-milieu, .box-milieu-texte, .box-bas)

Ok merci bien, je vais essayer cela.

Pour la dernière solution, ce n'est pas possible car je veux absolument une taille fixe

encore merci

essaye quand même la dernière solution, tu auras la surprise de constater que cela fonctionne.

Oui en effet, j'ai testé avec webdevelopper rapidemment sous firefox, cela ne semble rien changer : j'avoi complètement oublié que les boites étaient dans des DIV (left & right) dont la largeur est définie.


Merci beaucoup à toi en tout cas !