[CSS] Imbriquer deux divs de taille variable
Bonjour,
Je souhaiterais dans mon site imbriquer deux box CSS de taille variable, et mon problème est le suivant :
- Si je ne fixe pas la hauteur de la boite parente, elle s'ajuste uniquement au contenu de taille "fixe" qui est à l'intérieur, et la boite fille, bien que placée dans le bon div, est affichée en dessous.
Ex de code CSS:
#parent{
width: 1024px;}
#fixe{
height: 120px;
width: 100%;}
#fils{
width: 100%;}
HTML associé :
<div id="parent">
<div id="fixe">
</div>
<div id="fils">
</div>
</div>
(bien sur c'est simplifié, mais l'idée est la (pour bien voir j'ai mis des cadres et des fonds :)))
- Si je fixe la hauteur de la boite parente, ben forcément, quand la boite de taille variable à l'intérieur dépasse, ben ... elle dépasse :p
Ex de code CSS:
#parent{
heigth: 768px;
width: 1024px;}
(le reste du code est le même)
Quelqu'un saurait-il comment je peux ajuster la taille de mon parent à celle (variable) de mon fils ?
Merci d'avance,
Cordialement,
Tinaby
Je souhaiterais dans mon site imbriquer deux box CSS de taille variable, et mon problème est le suivant :
- Si je ne fixe pas la hauteur de la boite parente, elle s'ajuste uniquement au contenu de taille "fixe" qui est à l'intérieur, et la boite fille, bien que placée dans le bon div, est affichée en dessous.
Ex de code CSS:
#parent{
width: 1024px;}
#fixe{
height: 120px;
width: 100%;}
#fils{
width: 100%;}
HTML associé :
<div id="parent">
<div id="fixe">
</div>
<div id="fils">
</div>
</div>
(bien sur c'est simplifié, mais l'idée est la (pour bien voir j'ai mis des cadres et des fonds :)))
- Si je fixe la hauteur de la boite parente, ben forcément, quand la boite de taille variable à l'intérieur dépasse, ben ... elle dépasse :p
Ex de code CSS:
#parent{
heigth: 768px;
width: 1024px;}
(le reste du code est le même)
Quelqu'un saurait-il comment je peux ajuster la taille de mon parent à celle (variable) de mon fils ?
Merci d'avance,
Cordialement,
Tinaby
Configuration: Windows Vista Firefox 3.0.6
4 réponses
-
Re bonjour,
je fais un petit up du sujet, en ajoutant une présision : sous IE, imbriquer les 2 boites de taille variable fonctionne, mais pas sous Firefox.
Cordialement,
Tinaby -
Je me permet un pti up du sujet :)
-
Re re bonjour,
bon bah si ça intéresse quelqu'un, pour que ça marche sous firefox il faut préciser "overflow: auto;" dans les 2 box. (ce qui devrait être la valeur par défaut mais apparament pas^^)
ça met des scrollbars toutes moches sous IE, mais j'ai peur que pour vraiment faire un truc qui marche sous les 2 il faille faire 2 fichiers CSS et charger le bon selon le test de navigateur ;)
Cordialement,
Tinaby -
Contributeursalut,
peux-tu nous expliquer plus précisément le problème et surtout ce que tu souhaites obtenir ?
parce que quand tu dis :
Si je ne fixe pas la hauteur de la boite parente, elle s'ajuste uniquement au contenu de taille "fixe" qui est à l'intérieur, et la boite fille, bien que placée dans le bon div, est affichée en dessous.
ça me parait logique, donc je ne comprends pas ce que tu veux faire…
