IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Taille auto 100% div imbriquer


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre actif
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    29
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2007
    Messages : 29
    Par défaut Taille auto 100% div imbriquer
    Bonjour, j'ai une div "Maman" qui n'a pas de "height", donc qui s'adapte à la taille du contenu, se qui est le cas
    Hors j'aimerai qu'une div "enfant" prenne la même hauteur que sa Maman, donc avec un height: 100%. Si je fixe pour tester une taille a la maman, aucun soucis le 100% sur l'enfant s'applique, mais si j'enleve la taille fixe, la maman a la taille mais son enfant crois qu'elle fait 0px !

    HTML
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html>
            <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
        </head>
        <body>
    		<div id="Maman">
     
    			<div id="Enfant">
    				<div id="PetitEnfantGauche"></div>
    				<div id="PetitEnfantMilieu">
    					<p>blablabalbal</p>
    					<p>blablabalbal</p>
    					<p>blablabalbal</p>
    					<p>blablabalbal</p>
    				</div>
    				<div id="PetitEnfantDroite"></div>
    			</div>
    		</div>
        </body>
    </html>
    CSS
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    #Maman
    {
    	float: left;
    	width: 177px;
    	height: 300px;
    		/* Si on enleve cette ligne pour que la taille sois automatique:
    		 * cette div et la div "PetitEnfantMilieu" ont une bonne taille
    		 * mais la div Enfant ne prend pas la taille 100%, donc les div sur le coté ont pas de taille !
    		 * En gros si tpeut trouver le moyens de corriger la height de la Enfant c gagner !
    		 */
    	background-color: RED;
    }
     
    	#Enfant
    	{
    		width: 177px;
    		height: 100%;
    		background-color: GREEN;
    	}
     
    		#PetitEnfantGauche
    		{
    			float: left;
    			width: 6px;
    			height: 100%;
    			background-color: PURPLE;
    		}
     
    		#PetitEnfantMilieu
    		{
    			float: left;
    			width: 165px;
    			height: 100%;
    			background-color: BROWN;
    		}
     
    		#PetitEnfantDroite
    		{
    			float: right;
    			width: 6px;
    			height: 100%;
    			background-color: YELLOW;
    		}

    Que faire ?

  2. #2
    Membre éprouvé
    Profil pro
    Inscrit en
    Novembre 2005
    Messages
    145
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 145
    Par défaut
    Il faudrait récupérer la height en JS du div parent et l'appliquer à lui même.
    Une fois que la height sera définie "en dur", plus de soucis.

  3. #3
    Membre actif
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    29
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2007
    Messages : 29
    Par défaut
    J'ai résolu mon problème en mettant la div maman en position relative, et les div qui ne se redimensionner pas en absolute avec des margin et tout !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Taille d'une div
    Par Galaad dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 30/08/2006, 17h59
  2. Pb : div imbriquées
    Par TheRedLed dans le forum Balisage (X)HTML et validation W3C
    Réponses: 10
    Dernier message: 13/07/2006, 17h52
  3. Je n'arrive pas à diminuer la taille d'une div lorsque j'en insère une autre.
    Par psychoBob dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 27/05/2006, 21h04
  4. Réponses: 1
    Dernier message: 08/05/2006, 15h33

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo