Forum Clubic

[css] Mise en place bloc div

Bonsoir.
VOici mon code html tout d’abord

	</head><body>
 <div id="main">
<div id="left">
<ul id="menu">
<li id="aa"><a href="a.php"> </a></li>
<li id="bb"><a href="b"> </a></li>
<li id="cc"><a href="c"> </a></li>
<li id="dd"><a href="d"> </a></li>
</ul>
</div>
<div id="right">
<div id="head"></div>
<div id="content">
<h3> </h3>
<div class="text">
  <p>qsddqdqsdqs</p>
  <p>qsdqsdqs</p>
  <p>sd</p>
  <p>qsdqsdqs</p>
  <p>qsdqs</p>
  <p>jhkjkkhjkhjk</p>
</div>

<div id="popo"></div>
</div>

<div id="bottom">signature</div>
</div>
</div>

et mon code css pour le moment.

#head {
  height: 124px;
  width: 670px;
  background-image: url('haut.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
}

#bottom {
  background-image: url('bas.jpg');
  background-repeat: no-repeat;
  background-position: left top;
  height: 36px;
  width: 670px;
  padding-bottom: 5px;
  margin-bottom: 20px;
}

#content {
  background-image: url('milieu.jpg');
  background-repeat: repeat-y;
  padding: 0 15px 0 15px;
}

#main {
margin-left: auto;
     margin-right: auto;
   
width: 670px;
}

J’obtiens ceci.

http://leon.baz.free.fr/1.JPG

J’aimerai pouvoir mettre le menu qui se trouve en haut sur le screen (les 4 puces) à gauche de l’interface et collé à celle ci.

Si vous pouvez m’aider je suis preneur.

Cordialement

Essaye en ajoutant dans ta feuille de style :


#left {
float:left;
}

#right {
overflow:auto;
}

Cependant je te conseille de revoir aussi la largeur de tes éléments head et bottom.

MErci.
Mon bloc principal était trop petit pour contenir le menu donc il le mettait au dessus.