espacement sous une image
Bonsoir,
J'ai un espace sous une image que je n'arrive pas à supprimer sous IE7 et IE6.
c'est ok sous firefox mais je comprend pas pourquoi cet espace reste présent.
Voici le code pour tester. il vous faudra une image img.jpg de 562px par 221px.
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
|
<!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>
*{
padding: 0;
margin: 0;
border: 0;
}
html {
font-size: 100%;
}
body {
background: #D2D1CE;
font-family: Arial;
font-size: 0.63em;
text-align: center;
}
#site{
text-align: left;
width: 1000px;
margin: 0 auto;
}
#container {
background: white;
clear:both;
padding: 0 20px 0 20px;
overflow: auto;
}
.header {
width:570px;
margin-top: 2px;
}
</style>
</head>
<div id="site">
<div id="container">
<div class="header">
<img src="img.jpg" width="562px" height="221px" alt="" />
<div style="background: green;border: 1px solid black;overflow:auto;">
gh
</div>
</div>
</div>
</div>
</body>
</html> |
Encore merci pour votre aide précieuse ;)
