Balise et css
Résolu
Bonjour,
j'ai un problemme en css
je met une div (qui a ue bordure) qui englobe d'autres balises avec une hauteur de 100% pour que celle ci s'adapte suivant la taille des balise qu'il y a l'interieur.
lorsque les balise interieur prennent 100% de la largeur et une hauteur de X px, la balise qui l'englobe d'adapte correctement.
Mais lorsque je met la balise interieur un style flottant, la balise qui englobe ne s'adapte plus.
parcontre la balise qui englobe s'adape a la dernirer balise qui prend un style non flottant.
POURQUOI ???
je ne veux pas mettre une valeur fixe a la balise qui englobe car le contenue interieur est de hauteur variable.
en esperent avoir ete claire merci de vos reponces.
--
Il n'y a pas de problème, il n'y a que des solutions
j'ai un problemme en css
je met une div (qui a ue bordure) qui englobe d'autres balises avec une hauteur de 100% pour que celle ci s'adapte suivant la taille des balise qu'il y a l'interieur.
lorsque les balise interieur prennent 100% de la largeur et une hauteur de X px, la balise qui l'englobe d'adapte correctement.
Mais lorsque je met la balise interieur un style flottant, la balise qui englobe ne s'adapte plus.
parcontre la balise qui englobe s'adape a la dernirer balise qui prend un style non flottant.
POURQUOI ???
je ne veux pas mettre une valeur fixe a la balise qui englobe car le contenue interieur est de hauteur variable.
en esperent avoir ete claire merci de vos reponces.
--
Il n'y a pas de problème, il n'y a que des solutions
Configuration: Windows Vista Firefox 3.0
7 réponses
-
Tu mets une balise avec un clear à la fin de ton div contenant.
Exemple :<div style="border: 1px black solid;"> <p style="float: left;"> machin1 <br />chose1 <br />truc1 <br />bidule1 </p> <p style="clear: left;"></p> </div>
-
oui je voie que ca marche dans ce cas la mais
<p style="clear: left;"></p>
se retouve en bas a gauche.
je voudrais que les deux sois l'une a coter de l'autre si tu vois ce que je veux faire. -
Non, je ne suis pas bien sûr de comprendre.
En fait, cette balise est à laisser vide. Elle sert seulement à adapter la taille du contenant.
Tu souhaites quelque chose du genre ci-dessous ?<div style="border: 1px black solid;"> <p style="width: 20%; border: 1px red solid; float: left;"> Un <br />float <br />à <br />gauche </p> <p style="width: 20%; border: 1px blue solid; float: right;"> Un <br />float <br />à <br />droite </p> <p style="margin-left: 21%; margin-right: 21%; border: 1px green solid;">Ici ce que tu veux.</p> <p style="clear: both;"></p> </div>
-
super extra genial !!!!!!!!!! :)
c exactement ca
en fait vu que mon flot de droite est plus haut que celui de gauche le cadre s'arretait a la hauteur de celui de droite.
ca veux dire qui ca :
clear: both
merci encore -
--
Il n'y a pas de problème, il n'y a que des solutions -
La propriété clear sert à stopper l'effet d'un flottant. Les valeurs left, right concernent respectivement les flottants gauche et droite, et la valeur both les deux à la fois.
-
ok merci encore
