Compléter une div parente

Compléter une div parente - HTML/CSS - Programmation

Marsh Posté le 13-06-2012 à 15:14:57    

Bonjour,
 
J'ai un petit soucis de remplissage de div parent:
 
Voici en gros ma structure
 
<div id="parent">
   <div id="fils1"></div>
   <div id="fils2"></div>
</div>
 
la div parente à une hauteur variable suivant la taille de la fenêtre du navigateur (90%)
 
Pour le moment, j'ai mis une hauteur de fils1 de 20% de la div parent
                                                 de fils2 de 80% de la div parent
Donc le remplissage se fait bien
 
PROBLEME:
 
J'aimerai que la fils1 aie une taille fixe de 150px.
Lorsque je met 150px de height, je n'arrive pas a trouver de solution pour que la div fils2 prenne le reste de la place dans la div 1.
 
Voilà ;)

Reply

Marsh Posté le 13-06-2012 à 15:14:57   

Reply

Marsh Posté le 13-06-2012 à 20:35:28    

Je dirai qu'il suffit de n'assigner aucune hauteur à ton fils2 pour qu'il comble le reste.

Reply

Marsh Posté le 13-06-2012 à 21:01:48    

ton code CSS s'il te plaît


---------------
Blablaté par Harko
Reply

Marsh Posté le 14-06-2012 à 09:16:31    

je l'enverrai ce soir, je n'ai pas accès de la journée.
 
Désolé.

Reply

Marsh Posté le 14-06-2012 à 19:17:20    

Voilà mon css:
 
 
body,html{
background-image:url(fond2.jpg);
margin: 0px;
padding: 0px;
outline: 0px;
height: 100%;
font-family: Comic Sans MS;
overflow:hidden;
}
#parent{
background-color:#ffffff;
margin-left:auto;
margin-right:auto;
margin-top:10px;
height:90%;
width:900px;
border-left:solid;
border-right:solid;
border-bottom:solid;
border-width:4px;
border-color:#000c13;
border-radius: 8px;
}
#fils1{
height:15%;
background: #8fd9ff;  
border-radius: 8px;
}
#fils2{
overflow:auto;
height:85%;
border-radius: 8px;
}

Reply

Marsh Posté le 15-06-2012 à 14:16:26    

up !
 
J'avais oublié de dire que je voulais que mon scroll devait être absolument dans le fils 2 dans le cas où il dépassait, et non dans le parent.

Reply

Sujets relatifs:

Leave a Replay

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