Bonjour,

J'ai un petit problème au niveau CSS et HXTML sous mozilla Firefox. Quand je crée deux tableaux l'un à côté de l'autre, il me cret un espace je dirais d'un pixel entre les deux. J'ai bien essayé de modifier le margin, padding et border mais ca ne marche pas

Code Source:
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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
 
HTML: 
 
<html>
	<head>
		<title>WebForm1</title>
		<link href="Styles.css" type="text/css" rel="stylesheet">
	</head>
<body>
 
<table  cellspacing="0" cellpadding="0" ><tr>
<td width="30px">Mon</td>
</tr></table>
<table  cellspacing="0" cellpadding="0" ><tr>
 
<td width="30px">Tue</td>
</tr></table>
<table  cellspacing="0" cellpadding="0" ><tr>
<td width="30px">Wed</td>
</tr></table>
<table  cellspacing="0" cellpadding="0" ><tr>
<td width="30px">Thu</td>
</tr></table>
<table  cellspacing="0" cellpadding="0" ><tr>
<td width="30px">Fri</td>
</tr></table>
<table  cellspacing="0" cellpadding="0" ><tr>
<td width="30px">Sat</td>
 
</tr></table>
<table  cellspacing="0" cellpadding="0" ><tr>
<td width="30px">Sun</td>
</tr></table>
 
</body>
</html>
 
CSS:
table
{
	display:inline;
	border-collapse:collapse;
	border:none;
	margin:auto;
	padding:auto;
 
 
}
 
td
{
border:1px solid black;
}
Merci par avance à ceux qui voudront bien m'aider!
Julien

Edit: Sous IE je n'ai pas de problème d'espace entre les tableaux