Un IE ,FF, tableau

1 pièce(s) jointe(s)

Un IE ,FF, tableau

Bonjour voila mon soucie,

J ai créé quelques lignes de codes afin de pouvoir créé un design extensible à la hauteur de ma news. Le soucie et que sous FF le design est parfait mais dans IE je n'arrive pas à bloquer la hauteur de mes cellules comme je veu :/ .

Du coup mes images apliquer en background dans les cellule sous IE ce repete quand ma news grandi, alors que sous ff les cellule ou j ai defini une hauteur precise de bouge pas.

Voici le code :

Code:

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
 
<table id="Tableau_4" border="0" height="" width="" cellpadding="0" cellspacing="0">
				<tr>
					<td width="146" height="100" bgcolor='red'>&nbsp;</td>
					<td width="6" height="100" bgcolor='green'>&nbsp;</td>
					<td rowspan="4" background="images/fontm.png" width="287" alt="22"/>&nbsp; dssdqd sq
					dssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sq
					dssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sq
					dssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sq
					qdssdqd sq
					dssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sq
					dssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqd
					qdssdqd sq
					dssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sq
					dssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqd
					qdssdqd sq
					dssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sq
					dssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqd
					qdssdqd sq
					dssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sq
					dssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqdssdqd sqd
					</td>
 
				</tr>
				<tr>
					<td width="146" height="19" background="images/footer_lastnews.png" alt=""/>&nbsp;</td>
					<td width="6" height="19" bgcolor='green'>&nbsp;</td>	
 
				</tr>
				<tr>
					<td width="146" height="" bgcolor='red'>&nbsp;</td>
					<td width="6" height="" bgcolor='green'>&nbsp;</td>
 
				</tr>
				<tr>
					<td width="146" height="19" background="images/footer_lastnews.png" alt=""/>&nbsp;</td>
					<td width="6" height="19" bgcolor='green'>&nbsp;</td>	
 
				</tr>
 
	</table>

Tu devrais gérer cela en CSS.
Cela permettrait d'améliorer l'accessibilité et de mieu gérer ta mise en page.

du css dans un tableau? la ce sont les cellule qui grandissent donc le fait de mettre des bloc dans les cellule ne changera rien le tableau lui continuera a grandir ?

Il sera plus simple pour toi de voir d'éventuelles erreurs si la mise en forme est "externalisé" et non en dur dans le code.

Au niveau des images qui constitue ton design, rien de tel que des les passé en css et de jouer sur des background-repeat (par ex) ce qui sera + propre.
Idem pour les tailles que tu définis pour tes cellules en créant différentes classes (1 pour le header, 1 pour le bloc, 1 pour le footer par ex).

De plus, tu pourras + facilement gérer les marges, bords & co si tout est passé en css et tu amélioreras l'accessibilité de ta page.