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.