Simuler comportement de colonnes avec des <div>

Simuler comportement de colonnes avec des <div> - HTML/CSS - Programmation

Marsh Posté le 06-01-2003 à 01:13:43    

Admettons que j'ai un tableau à deux colonnes.
 
Si une colonne est remplie de 36.000 lignes de texte, sa voisine présente automatiquement la même hauteur. Et inversement, si la première est vide, elle ajuste sa hauteur à celle de la deuxième (si remplie).
 
Comment simuler ce genre de comportement où les hauteurs sont liées, avec des <div> ? En effet j'ai beau retourner le problème dans tous les sens, avec des float et tt, j'en arrive toujours à la conclusion qu'une des deux "colonnes" risque de ne pas occuper la même hauteur que la seconde (l'attribut "height" n'étant hélas d'aucun secours).
 
Any idea ?


---------------
Hyougaki no ikinokori
Reply

Marsh Posté le 06-01-2003 à 01:13:43   

Reply

Marsh Posté le 06-01-2003 à 02:35:23    

Ben emprisonnes tes deux div dans un autre div pardi !  [:totozzz]  


<div class="conteneur">
    <div class="col1"></div>
    <div class="col2"></div>
</div>


 
Bien sûr tes divs doivent être en relative.
 ;)


Message édité par Hermes le Messager le 06-01-2003 à 02:35:43
Reply

Marsh Posté le 06-01-2003 à 11:22:07    

et ils auront tous les deux la même hauteur ? :??:


---------------
Hyougaki no ikinokori
Reply

Marsh Posté le 06-01-2003 à 15:00:00    

Nakiusagi a écrit :

et ils auront tous les deux la même hauteur ? :??:  


 
Non, mais tu t'en fous. Si par exemple tu définis une bordure pour le div conteneur, tu auras ce que tu cherches.  
 
Si par contre tu veux un contenu centré tes deux colonnes, la seule solution est bien d'utiliser un tableau, mais en définissant les propriétés via CSS.

Reply

Marsh Posté le 06-01-2003 à 17:26:07    

Certes, tout ça je comprends bien ... le truc c que mes colonnes n'ont pas la même hauteur (une pour un petit menu, sur fond jaune ; une pour le texte, sur fond blanc) et donc j'aimerai bien que la colonne sur fond jaune descende aussi bas que le fond blanc...
 
M'enfin bon m'en suis sorti en créant une image de fond pour l'ensemble du <div> qui imite une colonne jaune... (propriété repeat-y)


Message édité par Nakiusagi le 06-01-2003 à 17:26:16

---------------
Hyougaki no ikinokori
Reply

Marsh Posté le 06-01-2003 à 17:41:20    

pas besoin de faire une image. Tu gardes le schéma de hermes le messager, et, dans le div principal tu prends comme background-color la couleur jaune et pour le div du contenu une couleur blanche.
 
Ca t'évite d'utiliser une image.

Reply

Marsh Posté le 06-01-2003 à 18:34:28    

et si le contenu de son <div> de texte est trop court (plus court que son menu) il aura une superbe ligne jaune en bas de page... bof... ou inversement...


---------------
1732 : Giacinto Paoli rédige un projet de constitution, dont le préambule decrète pour la première fois dans l'histoire de l'Humanité "Les Hommes naissent libres et égaux en droit"...
Reply

Marsh Posté le 06-01-2003 à 22:08:41    

Exact :/


---------------
Hyougaki no ikinokori
Reply

Sujets relatifs:

Leave a Replay

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