[Résolu] Problème padding et height sur firefox

Bonjour,

J'ai un petit souci récurent sous firefox. Quand je mets un padding-top sur un div, alors la hauteur du div augmente de la valeur du padding:

ex : padding-top: 5px; height: 18px => la hauteur est de 23px..

Sur ie pas de problème d'affichage.

Merci de votre aide
Modifié par babwar (24 Oct 2006 - 23:58)

Salut bawar et bienvenue,

Ce petit problème récurrent comme tu l'appelles est simplement du à la différence d'interprétation entre les différents navigateurs.
Par défaut, IE (c'est lui qui est en tort, pas Firefox, comme tu le penses) interprête jusqu'à la version 6 les blocks d'une manière erronée.
Un petit tour dans la FAQ te donnera toutes les explications.
Modifié par Cygnus (24 Oct 2006 - 19:49)

Merci pour ta réponse..

C'est quand meme embétant car si un div a une image en background et que l'on veut descendre de x pixel un texte à l'intérieur de cette boite (avec padding-top), alors la boite du dessou se décale. Je préfère sur ce point l'interprétation de ie..

Hello,

En général il suffit d'appliquer un margin-top au texte contenu. On trouve toujours une solution

Salut,

Tu as déclaré quel doctype pour ta page ?

merci... j'ai modifier mes divs pour jouer avevec le margin et tout est ok..

Pour le doctypetype ça change rien, je peux faire agir ie comme firefox mais pas firefox comme ie...

Enfin tout est réglé... je vous remercie donc pour vos réponse et espère pouvoir aider à mon tour une prochaine fois..

Si ton problème est [Résolu], alors n'hésite pas à l'indiquer comme tel...
Ca fera plaisir à l'Ami des Kiwis