Salut a tous
j'ai petit problème que je n'arrive pas à résoudre; voila mon code :

HTML
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
 
<table class="auth" cellpadding="O" cellspacing="0">
<tr>
<td class="auth_top"></td>
</tr>
<tr>
<td class="auth_middel"></td>
</tr>
<tr>
<td valign="top">
<table class="auth_bottom_tab"  cellpadding="0" cellspacing="0">
<tr>
<td class="auth_bottom_left"></td>
<td class="auth_bottom_middel"></td>
<td class="auth_bottom_right"></td>
</tr>
</table>
</tr>
</table>
CSS
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
 
.auth{
width:100%;
height:100%;
border:0px;
margin:0px;
padding:0px 0px 0px 0px;
}
.auth_top{
 background-image:url(../img/col-bgtop.png);
 background-repeat:repeat-x;
 height:16px;
}
.auth_middel{
 background-image:url(../img/pix.png);
 background-repeat:repeat x y;
 height:100%;
}
.auth_bottom_tab{
width:100%;
height:10px;
border:0px;
margin:0px 0px 0px 0px;
padding:0px;
}
.auth_bottom_left{
 background-image:url(../img/col-bl.png);
 background-repeat:no-repeat;
 background-position:right;
 height:10px;
 width:8px;
}
.auth_bottom_middel{
 background-image:url(../img/col-bm.png);
 background-repeat:repeat-x;
 height:10px;
}
.auth_bottom_right{
 background-image:url(../img/col-br.png);
 background-repeat:no-repeat;
 height:10px;
 width:8px;
}
le problème est :
dans le "<tr>" qui contient le tableau "auth_bottom_tab" il y a un blanc qui s'affiche au dessus qui altère l'affichage du tableau global "auth" !
ainsi j'ai en résultat un panneau bleu avec des bord arrondi mais en bas il y a un espace blanc entre le corps et le footer qui complète l'arrondit du bas

Merci pour l'aide