Espacement non voulu suite à l'utilisation de blockquote

**vasilov** · 09/06/2007, 11h59

Bonjour,

j'aimerais faire ceci :

Code html :

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
<body>
 
<div id="head"> titre</div>
<div id="menu">
  <ul id="tabnav">
    <li class="activeMenu"> <a href="./index.php"> Acceuil </a> </li>
 
    <li> <a href="./principle.php"> Principe </a> </li>
  </ul>
</div>
 
<div id="content">
    <blockquote class="content">
        <h1> eeeeeeeeee </h1>
        Ceci est le contenu de l'index
    </blockquote>
</div>
 
<div id="foot"> ceci est le pied de page </div>
</body>

mais le probleme est que le <div id="content"> n'est pas collé au <div id="menu"> sous firefox lors de l'utilisation des blockquote. Sous IE6, cela fonctionne : il n'y a pas d'espace vertical rajouté entre les deux div.

voici mon 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
div#head {
    width:80%;
    height:50px;
    background-color:#666699;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    }
div#menu {
    width:80%;
    height:25px;
    background-color:#666699;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    }
div#content {
    width:80%;
    /*height:400px;*/
    background-color:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
    }
div#foot {
    width:80%;
    height:50px;
    background-color:#666699;
    margin-left:auto;
    margin-right:auto;
    }
/**/
.content{
   border-collapse: collapse;
   horizontal-align: center;
   vertical-align: center;
   background-color:#FFFFFF;
   border: 0pxl
}
/* parametre par defaut */
body {
    background-image : url(../images/fond002.jpg) ; 
}

Comment faire pour supprimer cet espace entre les <div id="content"> <div id="menu"> sous firefox?
merci pour votre aide.

par espace entre les <div id="content"> <div id="menu">, je veux dire que entre ces div, on voit l'image de fond

**Strix** · 09/06/2007, 13h09

Salut.

J'ai fait quelque tests et si tu rajoutes à ton CSS :

Code CSS :

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

1
2
3
4
5
6
blockquote {
	margin : 0 0 0 0;
}
h1 {
	margin : 0 0 0 0;
}

Tu n'as plus d'espaces entre #menu et #content (mais également entre #content et #footer, après à toi de jouer avec les margin si tu souhaites un espace entre les 2)

**vasilov** · 09/06/2007, 13h35

merci pour ta réponse, mais cela a aussi pour effet d'annuler l'effet blockquote : de mettre le texte qu'il contient plus a droite et plus bas.

**vasilov** · 09/06/2007, 16h06

j'ai réussi a résoudre le probleme grace a ce post : http://www.developpez.net/forums/sho...d.php?t=339284

la solution est :

Code :

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

1
2
3
4
5
6
7
div#content {
	overflow:hidden;
	}
 
div#foot {
	overflow:hidden;
	}

Espacement non voulu suite à l'utilisation de blockquote

CSS

Discussions similaires

Partager

Partager