Donner la même hauteur à deux div
Donner la même hauteur à deux div - HTML/CSS - Programmation
.
Marsh Posté le 20-09-2005 à 11:04:14
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.
Marsh Posté le 20-09-2005 à 11:14:13
| 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?
Marsh Posté le 20-09-2005 à 11:19:46
un height:100% dans le div interne ca marche pas par hasard ?
---------------
Me: Django Localization, Yogo Puzzle, Chrome Grapher, C++ Signals, Brainf*ck.
Marsh Posté le 02-02-2006 à 10:40:22
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 :
|
(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.
Marsh Posté le 03-02-2006 à 10:08:21
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.
Marsh Posté le 03-02-2006 à 10:55:54
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.
Marsh Posté le 03-02-2006 à 13:23:29
| 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.
Sujets relatifs:
- Pouvez vous me donner des liens.....
- Hauteur de tableau centré
- Problème de hauteur de division
- Un div extensible à partir d' une certaine hauteur ??
- Créer une page html de tant de largeur sur tant de hauteur
- Problème Hauteur en %
- truc con avec les CSS : div à hauteur adaptable
- Recuperer la hauteur d'une cellule???
- [CSS] hauteur automatique de <div> imbriquées [resolu]
- CSS : div qui prendre 100% de la hauteur
Marsh Posté le 20-09-2005 à 09:26:02
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