Espaces blancs au dessus et dessous d'un Div

13 juil. 2007, 22:50

Salut à tous,

Je ne sais pas trop comment expliquer mon problème, voici mon code HTML:

<div id="header">
	<div class="top">&nbsp;</div>
	<div class="middle">
		<h1>Test</h1>
	</div>
	<div class="bottom">&nbsp;</div>
</div>

Et le CSS:

Code : Tout sélectionner

.top
{
	background:url('/images/top.png') center no-repeat;
	height:10px;
}

.middle
{
    background:url('/images/middle.png') center repeat-y;
}

.bottom
{
	background:url('/images/bottom.png') center no-repeat;
	height:16px;
}

Résultat: des espaces blancs au dessus et au dessous du Div "middle" (pareil sous IE et Firefox).
Voir ici : www.bautista.fr

Le background semble se mettre uniquement derrière le H1 ...

Avez-vous une idée de ce qui cloche ?

Merci par avance,
@++

13 juil. 2007, 23:02

Salut !

N'oublie pas que l'élément h1 a des marges par défaut, variables selon les navigateurs.

Un coup de

Code : Tout sélectionner

h1 {
padding: 0;
margin: 0;
}

et ça devrait aller mieux.

13 juil. 2007, 23:46

Quelle tête en l'air suis-je !

Merci à toi Victor!

@++

Espaces blancs au dessus et dessous d'un Div

Qui est en ligne