Div enfant, height + padding

[Tobear91]

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

[NoSmoking]

Bonjour,

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é.

[eckerdecker]

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