CSS, attribut "clear"
Le
Mihamina Rakotomandimby
Bonjour,
J'ai beau regarder les docs et les tutoriels existants, je ne trouve pas
d'explication satisfaisante sur l'usage et la signification de "clear".
Ce que je ne comprend pas c'est:
- qu'est-ce qui passe à la ligne apres le "clear"?
- qu'est ce que "clear" chamboule?
Jusque là je n'ai pas eu obligation de l'utiliser, mais je vois par
exemple que Joomla (les templates joomlart, plus exactement) l'utilise
beaucoup, et quand je customise ces templates en enlevant le "clear", ça
ne change pas grand chose
En gros, j'ai regardé la théorie, je comprends pas.
J'ai expérimenté sur des cas de la vraie vie, je comprends pas.
Peut-être un des contributeurs de ce groupe aurait le "truc" qui
m'aiderai :)
Merci d'avance.
--
Huile Essentielle de Camphre http://www.huile-camphre.fr
Infogerance http://www.infogerance.us
(Serveurs, Postes de travail, Développement logiciel)
J'ai beau regarder les docs et les tutoriels existants, je ne trouve pas
d'explication satisfaisante sur l'usage et la signification de "clear".
Ce que je ne comprend pas c'est:
- qu'est-ce qui passe à la ligne apres le "clear"?
- qu'est ce que "clear" chamboule?
Jusque là je n'ai pas eu obligation de l'utiliser, mais je vois par
exemple que Joomla (les templates joomlart, plus exactement) l'utilise
beaucoup, et quand je customise ces templates en enlevant le "clear", ça
ne change pas grand chose
En gros, j'ai regardé la théorie, je comprends pas.
J'ai expérimenté sur des cas de la vraie vie, je comprends pas.
Peut-être un des contributeurs de ce groupe aurait le "truc" qui
m'aiderai :)
Merci d'avance.
--
Huile Essentielle de Camphre http://www.huile-camphre.fr
Infogerance http://www.infogerance.us
(Serveurs, Postes de travail, Développement logiciel)
Poser une question
Il me semble que c'est l'équivalent de la propriété HTML "clear". En
gros, si t'as des blocs (image...) autour desquels coule ton texte,
après le "clear", le texte qui suit passe obligatoirement en-dessous
des dits blocs (du moins en clear:both, les autres modes étant assez
obscurs).
--
Serge http://leserged.online.fr/
Mon blog: http://cahierdesergio.free.fr/
Soutenez le libre: http://www.framasoft.org
pourtant c'est très clair :
"Cette propriété indique quels côtés d'une ou des boîtes d'un élément ne
doivent pas être adjacents à une boîte flottante précédente."
c'est "avant" que ça se passe (je dirais : maintenant)
c'est censé stopper une flottaison
exemple
- une image en float:right
- du texte (qui va couler à gauche de l'image)
- un nouveau texte dont on veut absolument qu'il commence après l'image
hop! clear:right;
c'est paske tu n'as regardé qu'avec des navigateurs assez récents, sans
doute ?
--
sm
j'ai eu un pb avec un clear, le code :
css :
div.clear {
clear:both;height:1px;overflow:hidden;
}
html :
<div class="clear"></div>
ça, ça marche comme je veux...
MAIS, le fichier (x)html est parsé/modifié par un proc xml qui me
retourne, au lieu du tag div ci-dessus :
<div class="clear"/>
et là, patatrac ça fout par terre le clear:both;
normal docteur ?
bon, j'ai trouvé un subterfuge en plaçant une espace insécable dans la
div :
<div class="clear"> </div>
espace_insécable_________^
et là, comme le proc xml ne peut modifier, ça roule...
je poste ça car j'ai mis pas mal de temps à comprendre que mon layout
avait été complétement chamboulé par le passage de '<div
class="clear">
--
Une Bévue
Pourtant il est usuel d'avoir :
<hr class="clear" />
et que ça fonctionne, non ?
--
sm
Il n'y a rien d'obscur, sauf la manière dont IE voit la chose :-(
- clear:left; va arrêter la flottaison gauche précédente
et pas celle à droite
- float:left;clear:left;
pareil : doit arrêter la flottaison gauche des précédents
en plus : flotte à gauche
Problème : IE n'y entrave que d'chi
--
sm