Div enfant, height + padding

Bonjour à tous,

La structure de ma page est faite comme ceci :

Code:

---

1 2 3 4 5 6 7

<div id="ligne_bloc_hp"> <div id="ligne_bloc_hp_gauche"> </div> <div id="ligne_bloc_hp_droite"> </div> </div>

---

Mes deux div enfant ont un padding !! et donc quand je leur donne la valeur height: 100% la hauteur ajoute le padding et donc agrandi mon div !

Comment je pourrais faire car il n'est pas impossible que je fasse varier en revanche la hauteur du bloc parent.

Y a t-il une solution ? Merci et bonne journée :)

Bonjour,

Citation:

---

Envoyé par Tobear91

Comment je pourrais faire car il n'est pas impossible que je fasse varier en revanche la hauteur du bloc parent.

---

mets un overflow-y : hidden, ou autre, sur le parent.

Une autre solution est d'exprimer le padding en %, mais jamais essayé.

Au lieu d'appliquer une marge interne à tes deux divs en height:100%, applique des marges externes à leurs contenus.

Tout height:100% ou width:100% est à prendre avec des pincettes, les paddings, margin, border, sont ajoutés à la hauteur ou largeur, il convient de n'avoir aucun des trois pour minimiser les problèmes