Souci de mise en page css avec le "box model" d'IE

Publié : 21.10.2006 - 15h00 par superpantoufle

Bonjour!

C'est la première fois que je poste dans ce forum particulier… Y a-t-il des gourous du xhtml/css sur Cuk?
Je suis en train de mettre à jour le design vieillissant du site de mon groupe de musique, takalyde.ch. La récente cure de jouvence de cuk.ch n'y est pas étrangère! :-)
Je me suis fixé comme objectif de travailler proprement en xhtml et css, de façon "standardisée". Or je suis confronté comme tant d'autres aux spécialités d'IE6 Windows, qui défigure mon design, pourtant solide avec Safari et Firefox.
La page de test se trouve ici, et la feuille de style utilisée ici. Il s'agit d'un thème pour le blog dotClear, mais un site statique est aussi prévu, basé sur le même design.
J'ai compris en cherchant sur différents forums spécialisés qu'IE6 n'interprétait pas les attributs css width, margin et padding de la même manière que les standards. Dans mon cas, c'est la largeur de la barre de droite qui est mal interprétée, et qui fait gicler le cadre principal en dessous. Je ne suis par contre pas sûr d'avoir compris comment résoudre le problème, et avec quelles valeurs jongler pour qu'IE digère la chose. Quelqu'un aurait-il de l'expérience dans ce domaine?

Merci!


Publié : 24.10.2006 - 18h46 par BlackFire

Salut !

Les css de Dotclear passent sous IE, donc essaie de localiser le changement que tu as effectué dans le code qui fait bugger IE. Une fois que tu as trouvé, essaie de faire ce que tu veux sans que IE buggue, bonne chance...

Evite le positonnement flottant avec IE.

J'ai pas IE en ce moment, mais je peux te dire que ton design a quelques problèmes sous Safari & Firefox !

J'ai pas le temps ni l'envie de me plonger dans ton code, parceque ça prends beaucoup de temps et je suis pas super fort quand même, mais hésite pas a revenir poser des questions.

Tu peux aussi aller voir sur le Site du Zéro, fais une recherche les problèmes avec IE y ont étés abordés d'innombrables fois, je crois même qu'il y a un tuto dessus.


Publié : 25.10.2006 - 8h32 par superpantoufle

Merci!
En fait le problème principal avait été résolu assez vite: j'utilise régulièrement des "width" à tort et à travers depuis des années, assez chanceusement puisque ce n'est qu'avec ce site que je découvre à quelle point les différences d'interprétations sont grandes avec cet attribut.
Ne te plonge pas dans mon code, c'était pas le but!
Mais j'ai posé la question avant d'avoir posé dotClear dessus, donc tu l'as vu après que j'aie fait le gros.

Autrement j'ai trouvé tout ce qu'il me fallait chez Alsacréations. Tutos clair, et code propre! J'ai eu quelques mauvaises expériences avec le site du Zéro, dont il me semble que le code proposé en exemples se complique parfois la vie… 8)