Un décalage du corps sous IE

1 pièce(s) jointe(s)

Bonjour je suis en train de faire un site avec un menu de 4cm qui est en flottant sur la gauche et le corp qui lui est sur la droite auquel j'ai rajouter une marge gauche de 4.5cm.
Sous Firefox aucun problème mais sous IE j'obtient :

Je vois pas de problème sur l'image et puis sans le code on peut pas faire grand chose je crois.

Ouai la je vois pas de probleme non plus :o

regardez les ligne BLA BLA BLA, il y as un décalage.
sinon pour les lignes de code, il y en as +100 donc je veux pas les poster

Salut, sans code, impossible de te répondre, ou alors sur un forum de voyance peut-etre...

Tu peux utiliser la balise code de l'éditeur (bouton #) ou encore attacher un fichier (le bouton représntant un trombone)

Pour une centaine de ligne, j'utiliserais la balise code...

vous etes de mauvaise foi, on remarque tres bien le decallage du 124 eme blabla

Citation:

Envoyé par *alexandre*

vous etes de mauvaise foi, on remarque tres bien le decallage du 124 eme blabla

On les reconnait les pipoteurs, ils prennent pas de précautions. Il vient nous dire que l'on est de mauvaise foi, alors que le bug du millénaire se produit aux alentours du 500eme bla.

Voilà le code source de la page HTML :

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
	<head>
		<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
		<title>Index</title>
		<link media="screen" type="text/css" rel="stylesheet" href="/template/style/defaut.css" />
		<script type="text/javascript" src="template/script/fonction.js"></script>
	</head>
	<body onload="updateElement('calendrier','template/include/calend.php?mois=12&annee=2006')">
		<div id="contenu">
			<div id="entete">
			</div>
			<div id="menu_gauche">
				<h3 class="first">Catégorie</h3>
				<ul>
					<li><a href="#">item 1</a></li>
					<li><a href="#">item 2</a></li>
					<li><a href="#">item 3</a></li>
				</ul>
 
				<h3 class="other">Programme</h3>
				<ul>
					<li><a href="#">item 1</a></li>
					<li><a href="#">item 2</a></li>
					<li><a href="#">item 3</a></li>
				</ul>
 
				<h3 class="other">Calendrier</h3>
				<div id="calendrier">
				</div>
 
			</div>
 
<div id="menu_droite">
				<h3 class="first">Archive</h3>
				<ul>
					<li><a href="#">Juin 2005(5)</a></li>
					<li><a href="#">Mai 2005(10)</a></li>
					<li><a href="#">Avril 2005(40)</a></li>
					<li><a href="#">Mars 2005(20)</a></li>
				</ul>
 
				<h3 class="other">Sondage</h3>
				<ul>
					<li><a href="#">WEB 2.0</a></li>
					<li><a href="#">Insertion d'un tchat</a></li>
				</ul>
 
			</div>	
			<div id="corp">
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA 
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA 
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA 
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA 
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA 
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA 
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA 
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA 
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA 
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA 
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA 
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA 
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA 
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA 		
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA 
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA 
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA 
				<div id="clear"></div>
			</div>
 
			<div id="pied">
			</div>
		</div>
	</body>
</html>

le CSS :

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
 
 
/* DESIGN GLOBAL */
* {
	margin: 0;
	padding: 0;
}
 
body {
	background-color: #AADDFF ;
	font-size: 0.8em; 
	text-align: justify;
	font-family: Tahoma, Verdana, 'Times New Roman', Times, serif;
}
 
a  {
	text-decoration: none;
	color: #5588AA; 
}
 
a:hover {
	text-decoration: underline;
}
 
.lien {
	cursor: pointer;
}
 
h3 {
	color: #003355; 
}
 
/* CONTENU */
#contenu {
	width: 90%;
	margin: 0.40cm auto;
	border: 1px solid #002233;
	background-color: #FFFFFF;
	padding: 0.25cm;
}
 
 
/* MENU */
#menu_droite, #menu_gauche {
	width: 4.25cm;
}
 
#menu_gauche  .other , #menu_gauche .first, #menu_droite  .other , #menu_droite .first {
	margin-bottom: 0.15cm;
}
 
#menu_gauche  .other, #menu_droite  .other {
	margin-top: 0.30cm;
}
 
#menu_gauche ul, #menu_gauche li , #menu_droite ul, #menu_droite li {
	list-style-type:none;
	margin-left: 0.15cm;
}
 
/* MENU DROITE */
#menu_droite {
	float: right;
}
 
/* MENU GAUCHE */
#menu_gauche {
	float: left;
}
 
/* MENU CALENDRIER */
#menu_gauche #calendrier {
	margin: 0.1cm auto;
	text-align: center;
}
 
#menu_gauche #calendrier caption {
	margin: 0.2cm 0;
	padding: 0;
}
 
#menu_gauche #calendrier thead th{
	font-size: 10px;
	padding: 0 0.02cm;
	text-decoration: underline;
}
 
#menu_gauche #calendrier tbody {
	font-size: 10px;
}
 
#menu_gauche  #calendrier tbody td {
	padding: 0.10cm 0;
}
 
/* CORP */
#corp {
	margin-left: 4.5cm;
	margin-right: 4.5cm;
	border-left: 1px solid #99CCEE;
	border-right: 1px solid #99CCEE;
	padding: 0.25cm;
}
 
#corp #clear {
  clear: both;
}

merci de votre aide

J'ai déjà eu le mçeme problème .
Essai de mettre dans le CSS au niveau du DIV correspondant "margin-left:auto;"si ça ne marche toujours pas :
"margin-right:auto;"

dsl, mais ca ne change rien au problème...

Avec ton code je peux te dire plus précisément que c'est à #corps que tu dois donner le layout pour que le décalage au milieu du texte disparaisse (le décalage de 3px sera reporté sur l'ensemble du texte).