espacement sous une image

**pop_up** · 19/01/2009, 23h32

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 :

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

**Macmillenium** · 20/01/2009, 00h00

Bonsoir,

C'est un problème courant.
Voir ce topic

**GihefBey** · 20/01/2009, 00h01

Bonjour,

Essaye en ajoutant

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.header img {
  display : block;
  }

-

**pop_up** · 20/01/2009, 09h23

honte a moi, j'aurais du faire une recherche sur le forum.

Merci pour vos réponses

espacement sous une image

CSS

Discussions similaires

Partager

Partager