Discussion :

[kanzarih]

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

[Jumano]

Bonjour,
Tu peux supprimer ton tableau "auth_bottom_tab" et mettre trois colonnes à ton tableau "auth" :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<table class="auth" border="0" cellpadding="O" cellspacing="0">
	<tr>
		<td colspan="3" class="auth_top"></td>
    </tr>
	<tr>
		<td colspan="3" class="auth_middel"></td>
	</tr>
	<tr>
		<td class="auth_bottom_left"></td>
		<td class="auth_bottom_middel"></td>
		<td class="auth_bottom_right"></td>
	</tr>
</table>

Le CSS modifié :

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
<style>
.auth{
width:100%;
height:100%;
}
.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;
}
.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;
}
 
</style>

[GihefBey]

Bonjour,

Tu peux aussi refermer le <td>

Code html :

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

1
2
3
4
5
6
7
8
9
10
<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>
</td>

-

[Jumano]

Effectivement la balise <td> n'était pas fermée, mais néanmoins çà ne résoud pas le problème sous FF, en tout cas ...