CSS bizarre sous IE

**daydream123** · 10/02/2012, 11h46

Salut tout le monde!
j'ai 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
 
<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

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!

**NoSmoking** · 10/02/2012, 14h11

Envoyé par daydream123

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

c'est un miracle

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 html :

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
<!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>

**daydream123** · 10/02/2012, 15h00

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

image1
image2
vide image3
vide image4

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

image1 image3
image2 image4

Comment obtenir la même chose sous IE?

Invité · 10/02/2012, 18h58

Bonjour,
il faudrait nous donner TON code, pour qu'on puisse corriger.

**daydream123** · 11/02/2012, 00h21

J'ai pu résoudre ce soucis en ajoutant dans le css:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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!

CSS bizarre sous IE

CSS

Vue hybride

Discussions similaires

Partager

Partager