[XHTML] [CSS] espace div/image

**MatRem** · 26/04/2006, 11h12

Bonjour,

J'ai un petit problème de mise en page css d'un document xhtml.
J'ai créé un div avec une image dedans, et je me retrouve avec un espace en dessousd e l'image, dans le div, que je ne veux pas.

ps:
- xhtml 1.1 et css valide.
- testé sous firefox 1.5.0.2 sous linux

page xhtml:

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
<?xml version="1.0" encoding="UTF-8"?>
<!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>
        <title>titre</title>
        <link rel="stylesheet" type="text/css" media="all" href="css/style.css" />
    </head>
    <body>
        <div id="desktop">
            <p>Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte</p>
            <p>Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte</p>
            <p>Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte</p>
            <p>Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte</p>
            <p>Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte</p>
            <p>Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte</p>
            <p>Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte</p>
        </div>
        <div id="footer" >
            <img alt="footer" src="imgs/footer.jpg" />
        </div>
    </body>
</html>

feuille de style 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
body{
    margin:                0;
    background-color:    #312C32;
    padding-top:        1%;
    padding-bottom:    1%;
    padding-right:        5%;
    padding-left:        5%;
    color:                black;
}
img{
    border:                0;
    margin:                0;
    padding:                0;
}
 
div, p{
    background-color:    white;
    color:                black;
    width:                100%;
    margin:                0;
    padding:               0;
    border:                0;
}
 
div#footer img{
    width: 100%;
}

Le résultat est en pièce jointe.

[XHTML] [CSS] espace div/image

CSS

Mode arborescent

Discussions similaires

Partager

Partager