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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Donner la même hauteur à deux div

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Donner la même hauteur à deux div

n°1202926
electroger
Posté le 20-09-2005 à 09:26:02  profilanswer
 

Bonjour tout le monde !
 
J'aimerai savoir s'il existe un moyen de donner la même hauteur à deux div.  
Par exemple dans une structure comme celle-ci :
 
<div> Div #1  
     <div> Div #2
     </div>
</div>
 
Dans ce shéma les deux div auront la même hauteur si le contenu de Div#2 est plus important que celui de Div#1. Dans le cas contraire les 2 div auront une hauteur différente. Existe t-il un moyen de forcer les 2 div a avoir la même hauteur malgré un contenu moins important dans le 2eme bloc?
 
Merci d'avance  :) .

mood
Publicité
Posté le 20-09-2005 à 09:26:02  profilanswer
 

n°1203050
electroger
Posté le 20-09-2005 à 10:59:31  profilanswer
 

Un p'tit up  :o .

n°1203060
0x90
Posté le 20-09-2005 à 11:04:14  profilanswer
 

Dans ce cas la c'est sur qu'ils auront pas la même taille vu que le div externe fait tout le temps au moins la taille de celui qui est dedans + la ligne de texte Div # 1, tu veut pas plutot dire "le div interne finit en bas du  div externe" ?


---------------
Me: Django Localization, Yogo Puzzle, Chrome Grapher, C++ Signals, Brainf*ck.
n°1203073
electroger
Posté le 20-09-2005 à 11:14:13  profilanswer
 

0x90 a écrit :

Dans ce cas la c'est sur qu'ils auront pas la même taille vu que le div externe fait tout le temps au moins la taille de celui qui est dedans + la ligne de texte Div # 1, tu veut pas plutot dire "le div interne finit en bas du  div externe" ?


 
Ouais c'est exactement ça. Par contre faut pas prendre en considération la ligne Div #1, c'est juste pour l'exemple. Y a un float: left sur la Div interne avec une largeur définie et un padding-left sur la div externe.
 
Une solution?

n°1203085
0x90
Posté le 20-09-2005 à 11:19:46  profilanswer
 

un height:100% dans le div interne ca marche pas par hasard ?


---------------
Me: Django Localization, Yogo Puzzle, Chrome Grapher, C++ Signals, Brainf*ck.
n°1203093
electroger
Posté le 20-09-2005 à 11:23:37  profilanswer
 

hélas, non...

n°1203181
electroger
Posté le 20-09-2005 à 12:11:36  profilanswer
 

Non, pas une p'tite idée?

n°1297212
gravastar_​bureau
vive la mise en page en tab...
Posté le 02-02-2006 à 10:40:22  profilanswer
 

Hello,  
 
Je ressors ce sujet qui date un peu car j'ai un peu le même genre de souci. Ma mise en page se constitue d'un header, un menu à gauche, un contenu et un footer.
Le menu et le contenu sont respectivement en float left et right, et le footer en clear:both :

Code :
  1. #menu{
  2.    background-image:url(../image_library/menu.gif);
  3.    background-repeat:repeat-y;
  4.    border-left:2px ridge gray;
  5.    border-right:2px ridge gray;
  6.    width:146px;
  7.    height:100%;
  8.    float:left;
  9. }
  10. #content{
  11.    background-color:white;
  12.    border-right:2px ridge gray;
  13.    height:100%;
  14.    width:495px;
  15.    padding-right:5px;
  16.    float:right;
  17.    font-size:0.8em;
  18. }
  19. #footer{
  20.    background-image:url(../image_library/footer.gif);
  21.    background-repeat:repeat-x;
  22.    border:2px ridge gray;
  23.    border-bottom:0px;
  24.    height:26px;
  25.    padding-top:6px;
  26.    clear:both;
  27. }


(Tout ce joli monde est contenu dans un div pour centrer la page)
 
Mon problème est le suivant : comment faire en sorte que le div #content ait la même hauteur que #menu (et inversement) ?
 
J'ai bien essayé de leur donner un min-height à 100% avec le conteneur et le body en height à 100%, mais quand je fais ça, la hauteur de #content (et sans doute du menu) ne s'adapte plus à leur contenu..
 
Il doit sans doute s'agir d'une question bête (car il me semble me souvenir avoir déjà eu ce problème et l'avoir résolu), mais je bloque.
 
Vala, merci à mes futurs sauveurs.

n°1298333
gravastar_​bureau
vive la mise en page en tab...
Posté le 03-02-2006 à 10:08:21  profilanswer
 

Vous désirez le code complet pour répondre ou est-ce parce que ma question est trop bête ? Si c'est la deuxième raison, n'hésitez pas à me le faire savoir.

n°1298380
Pitsy
Posté le 03-02-2006 à 10:55:54  profilanswer
 

Peut-être trouveras-tu ton bonheur sur http://css.alsacreations.com/Tutor [...] s-tableaux. Regarde aussi les 2 liens proposés en bas de cette page.

mood
Publicité
Posté le 03-02-2006 à 10:55:54  profilanswer
 

n°1298486
gravastar_​bureau
vive la mise en page en tab...
Posté le 03-02-2006 à 13:23:29  profilanswer
 

Pitsy a écrit :

Peut-être trouveras-tu ton bonheur sur http://css.alsacreations.com/Tutor [...] s-tableaux. Regarde aussi les 2 liens proposés en bas de cette page.


 
Tout d'abord, merci Pitsy !  :)
 
Ensuite... ~sigh~ on dirait bien qu'il n'y a pas de moyen propre pour faire ce que je voudrais... je vais sans doute être obilgé de mettre en image de fond de fausses bordures pour simuler celles des 2 éléments.


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

  Donner la même hauteur à deux div

 

Sujets relatifs
Pouvez vous me donner des liens.....Hauteur de tableau centré
Problème de hauteur de divisionUn div extensible à partir d' une certaine hauteur ??
Créer une page html de tant de largeur sur tant de hauteurProblème Hauteur en %
truc con avec les CSS : div à hauteur adaptableRecuperer la hauteur d'une cellule???
[CSS] hauteur automatique de <div> imbriquées [resolu]CSS : div qui prendre 100% de la hauteur
Plus de sujets relatifs à : Donner la même hauteur à deux div


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