espace vertical entre deux blocs

**adr22** · 13/03/2008, 17h22

Bonjour,

Comme l'indique mon titre, j'ai un pb d'espace vertical entre les div uniquement sous IE6. (toujours le même... ).
Quelqu'un a t-il une idée pour résoudre ce souci ?

Merci d'avance pour votre aide.

Voici mon code 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
 
.top, .bottom{
width:689px;  
height:13px; 
}
.top{
background-image:url(../images/graphisme/form/haut.gif); 
background-repeat:no-repeat; 
}
.middle{
width:689px;
background-image:url(../images/graphisme/form/middle.gif); 
background-repeat:repeat-y; 
}
.bottom{
background-image:url(../images/graphisme/form/bas.gif);
background-repeat:no-repeat; 
}

Mon code html :

Code :

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

1
2
3
4
5
6
 
<body>
	<div class="top"></div>
	<div class="middle">aaa</div>
	<div class="bottom"></div>
</body>

**Erwan31** · 13/03/2008, 17h37

Bonjour,
a priori il n'y a pas de raison pourtant, ce que tu crois être un espace n'est peut-être que le mauvais placement d'un background.
Pour verifier cela ajouter

Code :

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

div {border: 1px solid #F00}

Le mieux serait de fournir un lien.

**adr22** · 13/03/2008, 18h20

Merci pour ta réponse.
Je viens de mettre un ex en ligne avec les bordures pour les blocs top et bottom.
Il semble que ie6 ne respecte pas la valeur du height des blocs top et bottom.
J'ai pourtant bien verifié mon image, sa hauteur. Elle fait bien 13px de hauteur.

L'ex est dispo à cette adresse : http://graphiste-imprimeur.com/essai.php

Merci

**Erwan31** · 13/03/2008, 19h33

ok j'avais oubliés ces satanés espaces minimum.
En fait IE affecte une hauteur minimale aux éléments équivalente à la hauteur
d'une boîte en-ligne (corps du texte+interlignes). Celle-ci dépend donc de la
taille du texte par défaut, soit ici 16px X environ 1.2em soit 19/20px.

Tu dois donc attribuer (par exemple) un font-size: 1px/line-height: 1px à ces 2 div.

**adr22** · 13/03/2008, 20h13

un grand merci pour ton aide ! je me coucherai moins bête ce soir ! :-)
Adr

**Laestic** · 12/06/2009, 17h40

hé ben merci topic, même s'il est ancien. J'avais un menu vertical avec des ul>li>a, une certaine taille de police et le mouseout se déclenchait sur une sorte d'interstice de 1px...

Merci encore.

espace vertical entre deux blocs

CSS

Discussions similaires

Partager

Partager