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

deux divs en float left dans un autre div [css] - HTML/CSS - Programmation

Marsh Posté le 19-09-2003 à 14:29:03    

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

Code :
  1. div cat
  2. -----------------------------------
  3. | -------------- ---------------- |
  4. | |div colLeft | |div colRight  | |
  5. | |            | |              | |
  6. | |            | |              | |
  7. | |            | |              | |
  8. | |            | |              | |
  9. | |            | |              | |
  10. | |            | |              | |
  11. | -------------- ---------------| |
  12. -----------------------------------


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 :
  1. <div id="cat">
  2.   <div class="col">
  3.     <p> du texte</p>
  4.     <p> du texte</p>
  5.     <p> du texte</p>
  6.   </div>
  7.   <div class="col">
  8.     <p> du texte</p>
  9.     <p> du texte</p>
  10.     <p> du texte</p>
  11.   </div>
  12. </div>


Et pour les css:

Code :
  1. #cat{
  2. display: block;
  3. border: 1px solid #000000;
  4. }
  5. .col{
  6. float:left;
  7. }


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
Reply

Marsh Posté le 19-09-2003 à 14:29:03   

Reply

Marsh Posté le 19-09-2003 à 15:02:38    

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
Reply

Marsh Posté le 19-09-2003 à 15:19:49    

: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
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed