Discussion :

[xRayane]

Salut à tous !
J'ai un soucis.

J'ai un div parent qui fait 80% de largeur.
J'ai mis width: 100%; dans le tableau qui se trouve dans ce div parent.
Il ne prend pas vraiment 100%; il y a un léger espace vide sur la droite.

Screen : http://img11.hostingpics.net/pics/78...0103082505.png
Regardez à droite.

CSS du div parent :

Code :

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

1
2
3
4
5
6
7
8
9
.cadre {
	width: 80%;
	padding: 2px;
	border: 1px solid black;
	background-color: #ffffff;
	background-image: url(../images/fond_cadre.png);
	background-repeat: repeat-x;
	text-align: left;
}

En gros, je voudrais que mon tableau "cache" ce div parent.
Comment faire pour qu'il prenne toute la taille (sachant que je veux passer par ce div parent : je ne veux pas l'enlever) ? Merci.

[Torgar]

Salut,

Et si tu retires le padding de 2 pixels ça donne quoi ?

[xRayane]

Il faut que je le laisse car la classe "cadre" est utilisée ailleurs où il faut un padding.
Et si je le retire juste pour cet élément, le div parent sera un peu plus petit (vu qu'un "padding" augmente légèrement la taille).

[Torgar]

Montre nous ton HTML du div englobant ta table et le CSS associé.

[xRayane]

Table (HTML) :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
<div class="cadre" style="border-top: none">
	<table style="width: 100%; border-collapse: collapse; margin: -2px">
		<tr>
			<td class="td_mp_titre" style="width: 20%" valign="top">
				test
			</td>
			<td class="td_mp_titre" style="width: 80%" valign="top">
				lol
			</td>
		</tr>
	</table>
</div>

Et le CSS :

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
.td_mp_titre {
	background-image: url(../images/fond_menu.png);
	border: 1px solid black;
}
.cadre {
	width: 80%;
	padding: 2px;
	border: 1px solid black;
	background-color: #ffffff;
	background-image: url(../images/fond_cadre.png);
	background-repeat: repeat-x;
	text-align: left;
}

[malgache]

C'est le padding couplé au border qui te crée un décalage... Essaie de le supprimer pour voir si c'est bien ça