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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Compléter une div parente

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Compléter une div parente

n°2145716
likesum41
Posté le 13-06-2012 à 15:14:57  profilanswer
 

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à ;)

mood
Publicité
Posté le 13-06-2012 à 15:14:57  profilanswer
 

n°2145747
MrZiz
Posté le 13-06-2012 à 20:35:28  profilanswer
 

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

n°2145750
gatsu35
Blablaté par Harko
Posté le 13-06-2012 à 21:01:48  profilanswer
 

ton code CSS s'il te plaît


---------------
Blablaté par Harko
n°2145768
likesum41
Posté le 14-06-2012 à 09:16:31  profilanswer
 

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

n°2145869
likesum41
Posté le 14-06-2012 à 19:17:20  profilanswer
 

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;
}

n°2145951
likesum41
Posté le 15-06-2012 à 14:16:26  profilanswer
 

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.


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

  Compléter une div parente

 

Sujets relatifs
[Résolu] Héritage de classe, récupérer attribut de la classe parentcomplèter l'éditeur de texte VisualWebDeveloper
[VBA][Résolu] Completer une feuille typeutilisation macro pour compléter tableaux
Sérialisation de la classe parente.complèter le texte saisi par l'utilisateur sous access 2000
Comment compléter ce javascript ?[PHP ou HTML] redirection sur une URL à compléter en auto
[JavaScript] Ouvrir une page dans la fenêtre parente ?compléter une chaîne avec un caractères
Plus de sujets relatifs à : Compléter une div parente


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