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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Simuler comportement de colonnes avec des <div>

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Simuler comportement de colonnes avec des <div>

n°279847
Nakiusagi
Couic couic gerbille lubrique
Posté le 06-01-2003 à 01:13:43  profilanswer
 

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
mood
Publicité
Posté le 06-01-2003 à 01:13:43  profilanswer
 

n°279852
Hermes le ​Messager
Breton Quiétiste
Posté le 06-01-2003 à 02:35:23  profilanswer
 

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
n°279941
Nakiusagi
Couic couic gerbille lubrique
Posté le 06-01-2003 à 11:22:07  profilanswer
 

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


---------------
Hyougaki no ikinokori
n°280105
Hermes le ​Messager
Breton Quiétiste
Posté le 06-01-2003 à 15:00:00  profilanswer
 

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.

n°280281
Nakiusagi
Couic couic gerbille lubrique
Posté le 06-01-2003 à 17:26:07  profilanswer
 

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
n°280298
gizmo
Posté le 06-01-2003 à 17:41:20  profilanswer
 

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.

n°280350
A Levra Se​nza Coda
Aghju maghjatu u bichoco ?
Posté le 06-01-2003 à 18:34:28  profilanswer
 

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"...
n°280602
Nakiusagi
Couic couic gerbille lubrique
Posté le 06-01-2003 à 22:08:41  profilanswer
 

Exact :/


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

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

  Simuler comportement de colonnes avec des <div>

 

Sujets relatifs
c koi un comportement ds dreamweaver????passage de alink, vlink, link en CSS => pas le meme comportement :/
Simuler le clic droit d'une souriscomportement ie6/moz padding margin sur un div ????
Comment peut on superposer une image sur deux Colonnes HTML a la fois?Titre des colonnes dans une listbox excel
[C][Windows] comportement etrangesimuler l'entrée clavier de caractères par VB
Remplacer <table> par des <div> --> gasp, 2 colonnes ?!Simuler une base de temps sous java
Plus de sujets relatifs à : Simuler comportement de colonnes avec des <div>


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