[css] deux divs en float left dans un autre div

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [css] deux divs en float left dans un autre div

anapajari

s/travail/glanding on hfr/gs;

Bon alors j'ai besoin d'aviur ça:

Code :

div cat
-----------------------------------
| -------------- ---------------- |
| |div colLeft | |div colRight | |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
| -------------- ---------------| |
-----------------------------------

CE qui ressemble vaguement à du deux colonnes dans un div je vous l'accorde. Par contre au niveau contraite je ne veux pas fixer la largeur & la hauteur des deux columns j'ai donc fait ça:
Pour l'html

Code :

<div id="cat">
<div class="col">
<p> du texte</p>
<p> du texte</p>
<p> du texte</p>
</div>
<div class="col">
<p> du texte</p>
<p> du texte</p>
<p> du texte</p>
</div>
</div>

Et pour les css:

Code :

#cat{
display: block;
border: 1px solid #000000;
}
.col{
float:left;
}

Et il s'avere que ça marche pas mal du tout ... Sauf que la hauteur de la div cat ne s'adapte pas du tout à son contenu ...
Ou c'est que j'ai pas bon?

Message édité par anapajari le 19-09-2003 à 14:29:46

Publicité

sibelius

Vous êtes sûr ?

Oui, vu qu'elle n'a pas de hauteur définie et que les .col sortent du flux, je pense qu'il va falloir utiliser un clear: both
--> http://openweb.eu.org/articles/ini [...] 1.html#ex3

---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com

anapajari

s/travail/glanding on hfr/gs;

:jap: merci ça marche très bien tellement bien que ça fait aussi sortir les divs qui suivaient le div contenant de la structure dans laquelle ils étaient :lol:
Mais bon c'est pas grave je l'ai mis en dernier et ça se voit pas!

Message édité par anapajari le 19-09-2003 à 15:20:29

FORUM HardWare.fr

Programmation

HTML/CSS

[css] deux divs en float left dans un autre div

Sujets relatifs
[CSS] chevauchement de divs	Grosse lenteur de left join
Left join est ce la bonne solution?	float* *array ça donne quoi ça??
float, innerHTML et Mozilla	[C#] convertir une chaîne String en Float
[C ANSI] conversion chaine de caractere <=> float ou double	[C] conversion d'un double vers un float[REGLE]
[php]les float !!	Comment fait ton pour avoir un float négatif???
Plus de sujets relatifs à : [css] deux divs en float left dans un autre div

Page générée en 0.078 secondes