[Résolu]Problème de padding avec un div height: 100%;

Voila mon problème :

Dans ma page, je crée un div avec une hauteur de 100%.
je lui rajoute un padding-top de 25px, et la mon navigateur me rajoute une scroll-barre car mon div dépasse de 25px de la page !

Comment y remédier ?

merci à tous !
Modifié par Kiluka (30 Aug 2008 - 20:03)

Bonjour

Ceci n'est pas un bug, mais le comportement normal. La hauteur d'un div n'est pas égale à sa valeur "height" mais à height+paddings.

Pour remédier à ce problème du peux donc préciser un padding en pourcentage et une hauteur de 100-2padding%.

Et il n'y a pas de possibilité de faire 100%-25px ?

J'aimerais bien avoir de paddings de tailles fixes plutot qu'en pourcentage.

Kiluka a écrit :
Et il n'y a pas de possibilité de faire 100%-25px ?

Non.

Tu peux:
- ne pas utiliser de padding;
- ne pas utiliser de height: 100% ou de min-height: 100% (d'ailleurs en général mieux vaut utiliser min-height que height, mais je suppose que tu es au courant );
- utiliser height et padding mais pas sur le même élément (en utilisant par exemple deux DIV imbriquées plutôt qu'une seule DIV).

La troisième solution est sans doute celle qui correspond à ton besoin.

Docn il faudrai que je mette un premier élément avec le height:100%;

Et le second dans le premier avec des paddings ?

Salut,

juste en passant et si tes précédents sujets sont [Résolu], merci de l'indiquer dans leur titre.

Kiluka a écrit :
Docn il faudrai que je mette un premier élément avec le height:100%;

Et le second dans le premier avec des paddings ?

Par exemple, oui.