Sujet: Re: [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: 31. Aug 2008, 22:20:28
Bonsoir.
"mcc" <mcc@invalid.fr> a écrit dans le message de news:
6eqqo5xs93.ln2@basilic.kerbernes.fr...
Le Sun, 31 Aug 2008 00:01:38 +0200, Patrick 'Zener' Brunet a écrit :
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'é.
Un essai avec :
#inner
{
/*clear: none; */
background-color: yellow;
margin-left : 40ex ;/* IMPORTANT largeur des menus 1 et 2*/
}
et
#innerfloat
{
background-color: red;
position : relative ; /* relative au conteneur jaune */
top : 1ex ;
/* OU alors
display : in-line ;*/
width: 15ex;
height: 15ex;
margin: 2ex;
}
remplirait-il les conditions ?
Merci. Pas mal essayé...
Donc avec la première solution:
- le "innerfloat" se place là où on veut le mettre,
- par contre hélas les P ne coulent pas autour comme avec un float.
Avec display: inline:
- là les dimensions sont ignorées, c'est pas terrible
(pour une image sans légende peut-être, mais bofff).
J'ai essayé avec display: inline-block (sans position):
- là les dimensions sont prises en compte,
- mais les P restent en dessous, même en leur appliquant aussi cette option.
- ou alors il faudra estimer le nombre de P à décaler pour simuler un float,
bêêêrk !
De plus, dans la mesure où la partie spéciale du layout concerne les deux
menus, j'aimerais bien ne pas propager cette contrainte de design dans tout
le contenu du "inner" et pour toutes les pages.
Je pense que la seule solution de contournement qui soit raisonnablement
pratiquable est de trouver un moyen de remplacer le clear:left du "menu2".
Une position relative pourrait suffire pour ça, si je pouvais seulement
prévoir la hauteur du "menu1", mais elle dépend de son contenu qui varie
dynamiquement (expansion/condensation de noeuds).
Si je pouvais comprendre par quelle interprétation IE arrive à produire le
bon résultat, je pourrais essayer de la recréer en CSS valide...
A priori c'est pas une histoire de "HasLayout": j'ai tenté de rajouter du
border à tous les DIV et le "innerfloat" reste en place (même si les P vont
se cacher)...
Que c'est nuuuuuuuul ! :-(
--
Cordialement.
--
* Patrick BRUNET www.ipzb.fr
* E-mail: lien sur
http://zener131.eu/ContactMe
