[W3C] Petit défi : Alignement et compatibilité IE et FF
Salut à tous !
Ca fait depuis ce matin que je m'escrime a trouver le compromis pour avoir ce résultat sous IE :
http://strem.free.fr/YOUP.GIF
C'est une capture d'écran que j'ai faite sous Firefox (donc mon code marche sous FF), mais impossible d'avoir la meme chose sous IE !
Quelqu'un y arriverait-il ?
J'ai tenté de changer le DOCTYPE, mais je ne trouve pas la bonne combinaison.
Merci !
Pardon pour le code... J'en oublie l'essentiel !
Pour un code simple, mais pas standard W3C (on verra ca apres) :
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
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table border="1" cellspacing="0" cellpadding="0">
<tr valign="bottom" >
<td height="100px" width="100px" align="right"><img src="images/dot.gif"> </td>
<td height="100px" width="100px" align="center"><img src="images/dot.gif"> </td>
<td height="100px" width="100px" align="left"><img src="images/dot.gif"> </td>
</tr>
<tr valign="middle">
<td height="100px" width="100px" align="right"><img src="images/dot.gif"> </td>
<td height="100px" width="100px"> </td>
<td height="100px" width="100px" align="left" ><img src="images/dot.gif"> </td>
</tr>
<tr valign="top">
<td height="100px" width="100px" align="right"><img src="images/dot.gif"> </td>
<td height="100px" width="100px"> </td>
<td height="100px" width="100px" align="left" ><img src="images/dot.gif"> </td>
</tr>
</table>
</body>
</html> |
Résultat :
http://strem.free.fr/untitled.GIF
Sous FF...
