liens avec width:100% dans un td : firefox != IE
Bonjour :)
j'ai un ptit probleme peut etre que certain l'on deja recontré, ca m'éviterais de faire quelque chose de laid :s
( cest pas trop beau, cest en fase de teste la )
html :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| <div id="milo">
<table id="liens"><tr>
<td style="width:53px;border:2px solid blue;"></td>
<td style="width:132px;border:2px solid red;"><a href="#toto" id="news"> </></td>
<td style="width:15px;border:2px solid blue;"></td>
<td style="width:132px;border:2px solid red;">liens2</td>
<td style="width:15px;border:2px solid blue;"></td>
<td style="width:142px;border:2px solid red;">liens3</td>
<td style="width:15px;border:2px solid blue;"></td>
<td style="width:152px;border:2px solid red;">liens3</td>
<td style="width:autox;"></td>
</tr></table>
</div> |
css :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| table#liens{
width:100%;
height:auto;
border:2px solid green;
}
div#milo{
height:90px;
width:800px;
margin-left: auto;
margin-right: auto;
background-image: url(./full1.gif);
padding-top:40px;
}
a#news{
width:132px;
height:100%;
text-decoration:none;
border:2px solid green;
} |
sous firefox :
http://img106.imageshack.us/img106/3515/ffem4.gif
sous ie :
http://img516.imageshack.us/img516/1205/iebx3.gif
je voudrais surtout éviter le gros truc laid sous firefox qui consisterait a faire :
Code:
une idée?
Merci bien :)
