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

Avoir la longueur d'une div de la même qu'une autre div ? [Résolu]

Forum informatique > Aide création et gestion de site > Avoir la longueur d'une div de la même qu'une autre div ? [Résolu]

<<<1>>>

 [Page 1 sur 1 - 3 messages]
Informations Messages

Sarti

Avatar de Sarti
118 messages
DVD-RW
DVD-RW

Lien direct Le 07 Août 2009 à 02h49

Salut à vous,
mon site web est fait de façon classique: un header, en dessous à gauche le menu à droite le corps du site et enfin en bas le footer.
J'ai une div par "section".

Mon menu est composé d'une image, et est donc d'une longueur fixe avec en arrière-plan un fond qui se répète.
La longueur du corps est bien évidemment variable en fonction de la page...

J'aimerais que la div du menu arrive au même niveau que celle du corps en hauteur, en bas de la page... vous imaginez ou pas ?

Voici les codes (des deux parties qui m'intéressent):

HTML:

Code

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

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

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



CSS:

Code

#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;
}



Pour faire simple, voici ce que j'ai:
MMMMMM
E|OOOO
E|OOOO
. |OOOO
. |OOOO
MMMMMM

Voici ce que je voudrais:
MMMMMM
E|OOOO
E|OOOO
E|OOOO
E|OOOO
MMMMMM

Merci beaucoup !!
 
 

Sarti

Avatar de Sarti
118 messages
DVD-RW
DVD-RW

Lien direct Le 07 Août 2009 à 19h44

Suite aux conseils qu'on m'a donné, 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 à 20h22

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 - 3 messages]

Forum informatique > Aide création et gestion de site > Avoir la longueur d'une div de la même qu'une autre div ? [Résolu]

Chargement...

Chargement