Achetez et vendez votre matériel multimédia d'occasion sur notre service de petites annonces informatiques gratuites

Un espace se crée entre deux divs... [Résolu]

Forum informatique > Aide création et gestion de site > Un espace se crée entre deux divs... [Résolu]

<<<1>>>

 [Page 1 sur 1 - 2 messages]
Informations Messages

Sarti

Avatar de Sarti
118 messages
DVD-RW
DVD-RW

Lien direct Le 07 Août 2009 à 19h55

Bonjour à vous,

Suite aux conseils qu'on m'a donné pour avoir deux div d'une même hauteur, j'ai créer une div pour l'ensemble Menu / Corps... et ça marche.

Seulement, un problème en soulève un autre... maintenant que j'ai mon menu et mon corps de site qui sont à la même hauteur, j'ai un espace qui s'est créé entre le footer et le duo menu/corps...

Voici les codes:

HTML:

Code

<div id="container">

<div id="menu">
<img src="images/menu.gif">
</div>

<div id="header2">
</div>

<div id="main">
<h1>Bienvenue !</h1>

<p>
essai
</p>
</div>

</div>
<br style='clear: both;' />

<div id="footer">
</div>



CSS:

Code

#container
{
width: 800px;
background-image: url("images/menu_.png");
background-repeat: repeat-y;
margin-bottom: 0px;
}

#menu
{
float: left;
width: 226px;
height: 100%;
background-image: url("images/menu_.png");
background-repeat: repeat-y;
}

#main
{
margin-left: 226px;
padding: 3px;
background-image: url("images/designgite2_04.jpg");
background-repeat: repeat-y;
}

#footer
{
width: 800px;
height: 144px;
background-image: url("images/footer.gif");
background-repeat: no-repeat;
margin-bottom: 0px;
}




Merci !!
 
 

Sarti

Avatar de Sarti
118 messages
DVD-RW
DVD-RW

Lien direct Le 07 Août 2009 à 20h25

Ok c'est bon j'ai trouvé la solution !

En fait dans le code HTML j'ai décalé:
</div>
<br style='clear: both;' />

Pour que la div "container" aille jusqu'au footer... résultat celui-ci est collé à menu/main tout en ayant menu et main à la même hauteur...

Merci!Sourire
 
 

<<<1>>>

 [Page 1 sur 1 - 2 messages]

Forum informatique > Aide création et gestion de site > Un espace se crée entre deux divs... [Résolu]

Chargement...

Chargement