Bonjour,
Depuis que je code en XHTML et CSS, je crée uniquement la mise en page de mes sites avec des divs. Conséquemment, j’ai récemment décidé de me familiariser davantage avec les tables pour élargir mes horizons. Malheureusement, en m'exerçant, j’ai rencontré le problème suivant : la propriété border-spacing ne fonctionne que sous Firefox. Y connaissez-vous une mesure palliative pour Internet Explorer afin que les cellules soient espacées?
Voici mon code avec divs (XHTML) :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Un site</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="mLeft">
Blablabla
</div>
<div id="mRight">
Blablabla
</div>
<div id="mMiddle">
Blablabla
</div>
</body>
</html> |
... et mon code avec divs (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
28
29
30
| #mMiddle
{
background-color:rgb(235,235,235);
border:1px gray dotted;
left:23.5%;
padding:1.5%;
position:fixed;
width:50%;
}
#mLeft
{
background-color:rgb(235,235,235);
border:1px gray dotted;
padding:1.5%;
left:0.5%;
padding:1.5%;
position:fixed;
width:17.5%;
}
#mRight
{
background-color:rgb(235,235,235);
border:1px gray dotted;
right:0.5%;
padding:1.5%;
position:fixed;
width:17.5%;
} |
------------------------------------------------------------------------------
Voici mon code avec la table (XHTML) :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Un site</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<table id="tForeground">
<tr>
<td id="tLeft">Blablablabla</td>
<td id="tMiddle">Blablablabla</td>
<td id="tRight">Blablablabla</td>
</tr>
</table>
</body>
</html> |
Voilà mon code avec la table (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
| #tForeground
{
border-spacing:15px;
position:absolute;
top:100px;
width:98%;
}
#tForeground td
{
background-color:rgb(235,235,235);
border:1px gray dotted;
}
#tMiddle
{
padding-left:1.5%;
padding-right:1.5%;
}
#tLeft
{
padding-left:1.5%;
padding-right:1.5%;
width:17.5%;
} |
Merci beaucoup !
