[css] Mise en place bloc div

Logiciel & apps Programmation
1

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

2

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.

3

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