Problème avec padding avec FF

Résolu
Ariane_A -  
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour,

J'ai un problème avec la propriété padding, je n'y comprends vraiment rien !
Il semble que FireFox (3.0.5) (pas IE) augmente la taille d'un DIV lorsque celui-ci a un padding !!!

Voici mon DIV (le rectangle bleu) avec un padding à 0px (haut+bas+droite+gauche):
http://www.palaiszelda.com/padding0.jpg
Et voici mon DIV avec un padding à 10px (haut+bas+droite+gauche):
http://www.palaiszelda.com/padding10.jpg

Sans sortir une règle, vous voyez que le rectangle bleu dépasse la barre violette. Par contre sous IE (7.0), le comportement est correct, le rectangle garde la même largeur. Ce n'est pas la première fois que j'utilise cette propriété, je ne vois pas où est l'erreur.

Est-ce qqn a une idée ? ou je dois revenir à un tableau ?

SVP si vous connaissez un autre forum où je pourrais demander de l'aide, dites-le-moi car je suis vraiment bloquée.

Merci !

4 réponses

chupa23 Messages postés 149 Date d'inscription   Statut Membre Dernière intervention   28
 
Sans le code c 'est très dur d'aider quelqu'un sans balancer tout le code pour ton site , au moins tout ce qui ce rapporte au rectangle bleu.
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
salut,

as-tu défini la largeur du <div> ?
0
Ariane_A
 
Oui je l'ai définie.

Sur un autre forum, on me dit que le padding S'AJOUTE à la taille du bloc. Il me semblait que c'était une sorte de marge interne qui réduit la taille du contenu du bloc.

Mais si le padding s'ajoute à la taille d'un DIV, alors je comprends mon problème.

Qu'en dites-vous ? Merci.
0
chupa23 Messages postés 149 Date d'inscription   Statut Membre Dernière intervention   28
 
Toujours pas de code , il me semblait déjà en avoir entendu parler avant https://www.zonecss.fr/proprietes-css/padding-css.html .Donc les padding agissent différemment selon ton doctype et ton navigateur.A toi de te renseigner plus en détail alors pour faire ce que tu souhaite réellement.
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
normalement le padding ne devrait pas influer la largeur de la page mais il faut voir ton code.
as-tu une version en ligne ?
ou alors donne nous du code.
0
Ariane_A
 
Eh bien si, le padding influence la taille d'un bloc (je croyais le contraire comme toi), si on a défini une taille pour ce bloc.
Donc mon problème est résolu.
Merci à tous.
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922 > Ariane_A
 
oui quand la taille est définie, je te l'avais demandé et je me le suis mangé après…
(o_ô)'
0