Mon padding modifie mon width
Bonjour à tous,
Voila, j'ai une page avec entre autre 3 div centrales. Sur les deux du côté, j'ai en haut des titre (avec une class). Dans cette class, je met donc une largeur et un padding. L'ennui, c'est que sur la div de droite, pas de problème, mais sur celle de gauche, le titre augmente en largeur de la taille du padding ! J'ai donc un titre qui dépasse de mon menu :s
Voici les codes :
HTML =
Code:
1
2
3
4
5
6
7
8
9
10
|
<div id="gauche">
<h3 class="titre_menu">Menu des liens :</h3>
<p>Du contenu, ...</p>
</div>
<div id="droite">
<h3 class="titre_menu">Contenu droite</h3>
<p>Le contenu ici blablabla...</p>
</div>
<!-- Le reste de la page... --> |
CSS =
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
/* Menu de gauche */
#gauche {
float: left;
width: 200px;
padding: 0;
margin: 0;
}
/* menu a droite */
#droite {
float: right;
width: 200px;
padding: 0;
margin: 0;
}
/* La class en question */
#gauche .titre_menu, #droite .titre_menu{
background: black;
color: white;
width: 100%;
margin: 10px 0;
font-size: 12px;
padding: 2px 0 2px 10px;
display: block;
} |
D'avance merci...
