Positionnement 2 blocs

Bonjour,

J'ai un gros problème de positionnement. Cela fait plusieurs jours que j'essaie d'aligner 2 blocs l'un à côté de l'autre sans y arriver. Je crois que je suis près de la solution, mais il ne me manque qu'un peu d'aide avant d'y parvenir...

Le site peut être vu ici : http://www.kataclyst.com/V2/Test3/

Le code HTML :

   <div id="tables">
      <div id="gauche">
         <div id="bienvenue"></div>
         <div id="general_milieu">
            <p id="texte_general">TEXTE1</p>
         </div> 
         <div id="general_bas"></div>
      </div>

      <div id="barreverticale"></div>

      <div id="droite">
         <div id="bienvenue"></div>
         <div id="general_milieu">
            <p id="texte_general">TEXTE2</p>
         </div> 
         <div id="general_bas"></div>
      </div>
   </div>

Le code CSS :

div#tables
{

}

div#gauche
{
  width:320px;
  margin-left:22px;
}

div#droite
{
  width:320px;
  margin-right:22px;
  position:relative;
  right:0px;
}

div#barreverticale
{
background:url(../../images/barreverticale.jpg) repeat-y;
  width:3px;
  position:absolute;
  top:0;
  right:354px;*/
}

Merci beaucoup!
Modifié par Kiboumz (11 Mar 2006 - 00:25)

utilise la propriété float sur un de tes divs.

Hello,

Voici un lien qui devrait te permettre de résoudre ton problème de flottants. Lien.

J'éspère que ca t'aidera