Différence de rendu d'un tableau en CSS sous IE et Firefox

**bubulemaster** · 19/06/2008, 13h56

Bonjour,

je souhaites créer un cadre arrondi autour d'un texte.
Pour cela j'utilise un tableau (je ne vois pas comment faire autrement).
J'ai donc le code suivant :

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
44
45
46
47
48
49
50
51
52
<html>
  <head>
    <title>Test</title>
	<style>
	    .tableauAvertissement
        {	        
	        border-spacing: 0px;
			border-collapse: collapse;
        }
		.tableauAvertissementCoin
		{
		    height: 5px;
			width: 5px;
			padding: 0px;
			margin: 0px;
		}
		.img-bodure
		{
		    border: 0px;
		}
        .tableauAvertissementVertical
        {		   
		    background-image: url(img/bordure-verticale.gif);
			background-repeat: repeat;
			width: 5px;			
			padding: 0px;
        }     
        .tableauAvertissementFond 
        {
		    background-color: #E5000E;
			font-size:20;
        }   		
	</style>
  </head>
  <body> 
     <table class="tableauAvertissement">
	   <tr>
	     <td class="tableauAvertissementCoin"><img src="img/coin-gauche-haut.gif" alt="coin" class="img-bodure" /></td>
		 <td rowspan="3" class="fond">dddd</td>
		 <td class="tableauAvertissementCoin"><img src="img/coin-droit-haut.gif" alt="coin" class="img-bodure" /></td>
	   </tr>
	   <tr>
	     <td class="tableauAvertissementVertical"><img src="img/bordure-verticale.gif" alt="bodure" class="img-bodure" /></td>
	     <td class="tableauAvertissementVertical"><img src="img/bordure-verticale.gif" alt="bodure" class="img-bodure" /></td>		 
	   </tr>
	   <tr>
	     <td class="tableauAvertissementCoin"><img src="img/coin-gauche-bas.gif" alt="coin" class="img-bodure" /></td>
		 <td class="tableauAvertissementCoin"><img src="img/coin-droit-bas.gif" alt="coin" class="img-bodure" /></td>
	   </tr>	   
	 </table>	 
  </body>
</html>

Sous firefox impeccable mais pas sous IE (voir résultat en pièce jointe).

Je suis pas un expert CSS quelqu'un a-t-il un idée ?

Merci

Différence de rendu d'un tableau en CSS sous IE et Firefox

Tableau en CSS

Mode arborescent

Discussions similaires

Partager

Partager