28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Je suis en pleine réalisation de mon site web, hélas, j'ai un petit problème, en effet, sur ma page principale, je fais apparaitre une barre verticale contenant un menu,... et à la droite de ce menu, un script de news qui devrait faire son apparition sous peu. Hélas, ma page web ne s'étend pas tant que il n'y a pas X lignes de news, de ce fait, mon menu déborde en plein.

http://img204.imageshack.us/img204/3995/websiterj7.th.png

Voici mon code HTML épuré:

<div id="content">
<div id="en-tete">
<!-- Div En tête -->
<div id="menu1"><a href="#">Accueil</a> - <a href="#">Dossiers</a> - <a href="#">Galleries</a> - <a href="#">Livre d'or</a></div>
</div> 
<div id="menu2">
<h2>Menu</h2>
  <ul>
    <li><a href="#">Accueil</a></li>
	<li><a href="#">Dossiers</a></li>
	<li><a href="#">Kits graphiques</a></li>
	<li><a href="#">Les sites web</a></li>
	<li><a href="#">Livre d'or</a></li>
  </ul>
<h2>Espace Membre</h2>
<p align="center">
Ceci concerne l'espace membre du site
</p>
<h2>Liens Web</h2>
</div>
<div id="corps">
<p>News...News...</p>
</div>
<div id="footer">
</div>
</div>


Et le code CSS utilisé (Toujours épuré):

#content
{
font-family: Arial;
height: auto;
background-image: url("./images/corps.png");
background-repeat: repeat-y;
background-position: center;
}	

#menu2
{
width: 196px;
float: left;
text-align : justify; 
background: transparent;
}
			
#corps
{
width: auto;
height: auto; 
overflow: hidden;
}


Quelqu'un aurait-il la solution à ce problème?

D'avance merci,

Wallabix.
Modifié par Wallabix (24 Jan 2009 - 19:16)
Regarde les propriétés
float: left;
clear: both;

Exemple :
Une colonne à droite nommé sidebar
Un contenu nommé content
Un footer nommé footer

#sidebar {
	float: left;
}
#content{
	float: left;
}
#footer{
	clear: both;
}