CSS bizarre sous IE [Résolu]

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

Citation:

Envoyé par daydream123

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

c'est un miracle

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

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?

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

10/02/2012, 18h58	#4
jreaux62 Rédacteur Jérôme Réaux Webdesigner Inscription : août 2008 Messages : 2 994 Détails du profil Informations personnelles : Nom : Jérôme Réaux Âge : 45 Localisation : France, Pas de Calais (Nord Pas de Calais) Informations professionnelles : Activité : Webdesigner Secteur : Arts - Culture Informations forums : Inscription : août 2008 Messages : 2 994 Points : 5 787 Points : 5 787	Bonjour, il faudrait nous donner TON code, pour qu'on puisse corriger. __________________ "Ce qui se conçoit bien s'énonce clairement - Et les mots pour le dire arrivent aisément." Nicolas Boileau-Despréaux, Homme de lettres français (1636-1711), principal théoricien de l'esthétique classique. Site perso Mes tutos DVP : Gestion-Affichage de Nouvelles - Affichage en tableau HTML - Fonctions de redimensionnement d'images
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email