Discussion :

[djul94]

Bonjour,

Je réalise actuellement un site web et je rencontre un petit problème de padding.

En fait j'ai une <div> qui fait 480px de largeur, seulement quand je rajoute un padding de 10px à gauche et à droite ma div prend la largeur de 500px,mais le texte et bien situé à 10px de la bordure. Je n'ai pas ce problème sous IE, ou tout marche parfaitement.
J'ai bien pensé à mettre ma div avec une largeur de 460px, ce qui regle le problème sous firefox, mais qui du coup me pose problème un problème sous IE car ma div du coup fait 460px sous IE.

La div qui pose problème est #messagedanse qui elle même se trouve dans #contenudanse.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
#contenudanse{
position: relative;
float: right;
width: 480px;
height: 405px;
background-color: red;
}
 
#messagedanse{
position: relative;
width: 480px;
height: 230px;
float: left;
background-color: #c5955b;
opacity: 0.70;
padding-top: 5px;
padding-left: .5em;
padding-right: .5em;
overflow:auto;
}

Si quelqu'un à une solution je suis preneur

Merci d'avance.

[francis m]

ie et firefox gèrent les paddings et margins de façon différente

la seule façon est de faire un style spécifique à ie, du genre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<!--[if IE]><style type="text/css">#entete { width:100%; } </style><![endif]-->

[Bisûnûrs]

Commence par mettre un DOCTYPE XHTML à ta page et IE et Firefox interpréteront de la même manière les padding, à savoir, comme le fait Firefox par défaut.