Sujet: [CSS/float] un truc qui marche sur IE mais pas sur Firefox
De: use.link.in.signature (l' arobase) ddress.invalid (Patrick 'Zener' Brunet)
Groupes: fr.comp.infosystemes.www.auteurs
Organisation: Posted through ALPHANET (
http://www.alphanet.ch/)
Date: 30. Aug 2008, 23:01:38
Bonjour.
Je me heurte à un problème en faisant ce pourquoi CSS est normalement conçu:
faire une nouvelle charte graphique pour un site sans adapter le contenu
HTML.
En l'occurence, la structure de ce contenu est imposée, et correspond à un
ordre de lecture logique en mode pur texte, à l'attention des lecteurs
vocaux pour déficients visuels.
J'ai fait une maquette simplifiée (un seul fichier HTML):
http://cjoint.com/?iExIMk2Cam (valide 21 jours).
Donc le but est d'empiler deux menus (en cyan et vert), de manière fiable
dans un design élastique (donc pas de position absolue),
tout en conservant ensuite une logique de placement naturelle dans le reste
du contenu (partie jaune).
Ce contenu est formé de plusieurs P, et en premier il y a une image (ici un
div rouge) qui doit être float'é.
Le problème, c'est que le clear:left qui permet de d'empiler le menu vert
sous le cyan a une portée inattendue:
- il va aussi repousser le rouge, sans pourtant impacter les P qui le
suivent et qui remontent jusqu'en haut!!!
Ceci sur Firefox 1.5 et 2.0, alors que IE 5.5 et 6.0 se comportent de la
manière intuitive. Je n'ai pas encore étendu les tests...
A vrai dire, il m'importe peu que ce truc soit éventuellement (?) conforme à
la norme, c'est contre-intuitif et très .hiant.
Est-ce que vous connaissez ce problème et son workaround ?
Merci.
--
Cordialement.
--
* Patrick BRUNET www.ipzb.fr
* E-mail: lien sur
http://zener131.eu/ContactMe
