Affichage ok avec firefox ko avec ie

**maf** · 26/06/2010, 16h38

Bonjour à tous,

J'ai un problème d'affichage de mon site ... avec firefox, il est tout bon comme je voudrais ... par contre, pas du tout avec IE ... il me semblait pourtant avoir suivi les recommandations css. Si quelqu'un pouvait me venir en aide, ça serait vraiment très gentil.

le site est www.mafmaf.ch

Voici le code CSS :

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
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
#back {
	background: #C9C9C9;
	margin: auto;
	text-align: left;
	width: 1000px;
}
 
body {
	background-color: #696969;
	font-size: 11px;
	font-family: Verdana;
}
 
#champ {
	border-left: 1px solid;
	border-right: 1px solid;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 10px;
	text-align: justify;
	width: 640px;
}
 
#end {
	clear: both;
}
 
h1 { 
	border-height: 5px;
	border-left: 3px solid #FF0000;	
	color: #00008B;
	font-size: 14px;
    line-height: 1.0;
	margin-bottom: 15px;
	margin-top: 15px;
	padding-left: 5px;
	padding-bottom: 3px;
}
 
h2 { 
    color: #00008B;
    font-size: 14px;
	margin-bottom: 10px;
    padding-top: 5px;
	line-height: 1.0;  
}
 
#header {
	background: url(../img/header.jpg) no-repeat;
	height: 180px;
	margin: auto;
	width: 1000px;
	text-align: center;
}
 
#link {
	font-size: 11px;
    list-style-image: url('../img/menu_puce.jpg');
	line-height: 1.5;
}
 
#link a:hover, a:active {
   	color: #FF0000;
	text-decoration: none; 
}
 
#link a:link, a:visited {
    color: #000000;
	text-decoration: none; 
}
 
#menu {	
	float: left;
	margin-left: 10px;
	width: 160px;
}
 
.menu_link {
	margin-left: 5px;
}
 
#pub {
	float: left;
	width: 130;
}
#copyright { 
    color: #FFFFFF;
    font-size: 10px;
	font-family: Verdana;
	text-align: center; 
}

Et le code de la page :

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
28
<html><?php include "Options/meta.php"?>
<head>
<title><?php include "Options/titre.php"?></title></head>
<body>
<?php include "font/css.php"?>
<div id="header"></div>
<div id="back">
<div id="menu">
    <h2>Menu</h2>
        <div class="menu_link">
        <div id="link">
				<?php include "Affichage/menu.php";?>
		</div>
     </div>
  </div>
<div id="champ"><?php $champ="Affichage/posts.php"; ?>
			<?php include $champ ?><br/><br/>
</div>
<div id="pub">
   			<h2>Publicité</h2>
			<?php include "Affichage/publicite.php";?>
</div><div id="end">
</div>
<div id="copyright">Copyright 2010 Marc-Antoine Fénart (contenu personnel ou mentionné)</div>
</div>
</body>
 
</html>