CSS bizarre sous IE

Version imprimable

CSS bizarre sous IE

Salut tout le monde!
j'ai le code suivant:
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 <table width="100%"> <tr> <th>Nombre1</th> <th>Nombre2</th> </tr> <tr> <td id="a2" style="width: 50%; height: 300px;"></td> <td id="a" style="width: 50%; height: 300px;"></td> </tr> <tr> <td id="a3" style="width: 50%; height: 300px;"></td> <td id="am" style="width: 50%; height: 300px;"></td> </tr> <tr> <td id="a4" style="width: 50%; height: 300px;"></td> <td id="b" style="width: 50%; height: 300px;"></td> </tr> <tr> <td id="a5" style="width: 50%; height: 300px;"></td> <td id="e" style="width: 50%; height: 300px;"></td> </tr> <tr> <td id="a6" style="width: 50%; height: 300px;"></td> <td id="s" style="width: 50%; height: 300px;"></td> </tr> </table>
Sous Internet Explorer, le tableau commence à grandir et les cases aussi! toutes seules :calim2:
Comment régler ce problème?
Sinon, moi ce que j'ai envie de faire, c'est de diviser ma page en 2, verticalement, et qu'ensuite, je mette un titre pour chaque partie et je colle dans chaque partie des images, l'une au dessous de l'autre. S'il y a une alternative plus optimale à ce que j'ai fait, je serai heureuse de la connaître :)
Merci!

Citation:

Envoyé par daydream123

Sous Internet Explorer, le tableau commence à grandir et les cases aussi! toutes seules :calim2:

c'est un miracle :mouarf:

Citation:

Envoyé par daydream123

Sinon, moi ce que j'ai envie de faire, c'est de diviser ma page en 2, verticalement, et qu'ensuite, je mette un titre pour chaque partie et je colle dans chaque partie des images, l'une au dessous de l'autre. S'il y a une alternative plus optimale à ce que j'ai fait, je serai heureuse de la connaître :)
Merci!

structure ta page avec des DIV
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 <!DOCTYPE html> <html lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>[2 colonnes]</title> <style type="text/css"> html body{ width:100%; height:100%; margin:0; padding:0; } #gauche{ float:left; width:50%; } #droite{ float:left; width:50%; } </style> </head> <body> <div id="page"> <div id="gauche"> <h1>Gauche</h1> </div> <div id="droite"> <h1>Droite</h1> </div> </div> </body> </html>

10/02/2012, 15h00
daydream123

Super, je n'ai plus les tables qui grandissent, mais par contre, sous IE, j'obtiens ceci:

Citation:

image1
image2
vide image3
vide image4

Alors que sous FireFox, j'ai bien ce que je veux:

Citation:

image1 image3
image2 image4

Comment obtenir la même chose sous IE?
10/02/2012, 18h58
Invité

Bonjour,
il faudrait nous donner TON code, pour qu'on puisse corriger.
11/02/2012, 00h21
daydream123
J'ai pu résoudre ce soucis en ajoutant dans le css:
Code:

1 2 3 4 5 6 7 8 9 10 #gauche{ float:left; width:50%; position: absolute; } #droite{ float:left; width:50%; }
merci pour les réponses!