Salut a tous
j'ai petit problème que je n'arrive pas à résoudre; voila mon code :
HTML
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 <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>
le problème est :
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; }
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
Partager