Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1910 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°518215
anapajari
s/travail/glanding on hfr/gs;
Posté le 19-09-2003 à 14:29:03  profilanswer
 

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
mood
Publicité
Posté le 19-09-2003 à 14:29:03  profilanswer
 

n°518249
sibelius
Vous êtes sûr ?
Posté le 19-09-2003 à 15:02:38  profilanswer
 

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
n°518260
anapajari
s/travail/glanding on hfr/gs;
Posté le 19-09-2003 à 15:19:49  profilanswer
 

: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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
[CSS] chevauchement de divsGrosse 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


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR