Bonjour,

J'essai de faire une mise en page similaire mais j'ai une différence entre IE6 et Firefox lorsque je test. Le bloc turquoise (alias class="header") prend bien toute la largeur sur firefox mais pas sous IE.

Voici le code :
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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
 
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<title>test</title>
	<style>
/*---------------------------------------------------------------------------------------------------------------------
  											Initialisation
  ---------------------------------------------------------------------------------------------------------------------
*/
/*---------------------------------------------------------------------------------------------------------------------
  											Initialisation
  ---------------------------------------------------------------------------------------------------------------------
*/
*{
  padding: 0;
  margin: 0;
  border: 0;
}
html {
	font-size: 100%;		/* permet à IE de gérer correctement les em*/
}
body {
	background: #D2D1CE;
	font-family: Arial;
	font-size: 0.63em;
	text-align: center;	/* centrage pour IE car celui-ci passe en mode quirks à cause du prologue xml */
}
 
#site{
	text-align: left;
	width: 101em;
	margin: 0 auto;
}
 
 
/*---------------------------------------------------------------------------------------------------------------------
  											Menu haut
  ---------------------------------------------------------------------------------------------------------------------
*/
#header-top{
	height: 2.8em;
	float: right;
}
/* total 101em */
#container {
	background: white;
	clear:both;
    width:99em;
	border: 2em solid red;
}
/* total 75em */
.logo{
	width:73em;
    border: 1em solid blue;
	float:left;
 
}
/* total 24em */
#search{
	width:22em;
	float:right;
	border: 1em solid pink;
}
/* total 16em */
#menu-l{
  	width:14em;
	float:left;
	border: 1em solid black;
}
/* total 59em */
.header {
    width:57em;
    border: 1em solid #aed;
    float:left;
}
 
#menu-r {
	width: 22em;
	float: right;
	border: 1em solid black;
    clear:right;
}
 
    </style>
 
</head>
<body>
<div id="site">
  <!-- **************************** TOP ********************************* -->
    <div id="header-top">
  	    jg hmldf glksdfkj gklmdfj giopdsfjglsdf hgoidfjs godfu à gjsdfkjgh oidfsok gdkgu do^fùlgk ùldfug )^dfk gdfh gilmdfjglù hdfô_gjdfjl ghkpdlfgu podf g
    </div>
    <div id="container">
        <!-- **************************** LOGO ********************************* -->
        <div class="logo">
            jg hmldf glksdfkj gklmdfj giopdsfjglsdf hgoidfjs godfu à gjsdfkjgh oidfsok gdkgu do^fùlgk ùldfug )^dfk gdfh gilmdfjglù hdfô_gjdfjl ghkpdlfgu podf g
        </div>
        <!-- **************************** SEARCH & MENU RIGHT ********************************* -->
        <div id="search">
            <div>
                jg hmldf glksdfkj<br />
            </div>
            <div id="search-bloc">
                jg hmldf glksdfkj<br />
                jg hmldf glksdfkj<br />
                jg hmldf glksdfkj<br />
                jg hmldf glksdfkj<br />
                jg hmldf glksdfkj<br />
            </div>
        </div>
 
 
        <!-- **************************** MENU LEFT ********************************* -->
        <div id="menu-l">
            jg hmldf glksdfkj<br />
            jg hmldf glksdfkj<br />
            jg hmldf glksdfkj<br />
            jg hmldf glksdfkj<br />
            jg hmldf glksdfkj<br />
            jg hmldf glksdfkj<br />
            jg hmldf glksdfkj<br />
            jg hmldf glksdfkj<br />
            jg hmldf glksdfkj<br />
            jg hmldf glksdfkj<br />
        </div>
        <!-- **************************** HEADER ********************************* -->
        <div class="header">
 
            fsd lsdfh sdjfhksjdhsdfyuisd fs ysdf sdy isdfu yuisd fsdui fsd sdu sduif sduf
            sduif sdufi ysdiuf yuosdf yisdf ysduif usdfy oisdfy oisdfu iosd fiosd fpoisdu fipsdu foisdu fiopsdfu opi
        </div>
 
        <!-- **************************** MENU RIGHT********************************* -->
        <div id="menu-r">
            jg hmldf glksdfkj<br />
            jg hmldf glksdfkj<br />
            jg hmldf glksdfkj<br />
            jg hmldf glksdfkj<br />
            jg hmldf glksdfkj<br />
        </div>
        <div style="clear:both;">&nbsp;</div>
    </div>
</div>
</body>
</html>
Merci à vous