Probleme de div ( width )

Bonjour, tout d'abord voici ma mise en page voulu :
http://www.noelshack.com/up/aac/apercucss-e3d4a1f262.jpg

J'ai tout fait, sauf que le contenair 'ligne 1' se veut pas s'appliquer sur toute la largeur du contenair 'droit'!

Je pourrais le faire avec par exemple : width:200px; , sauf que je fais un design extensible...

Pourtant j'essaye bien width: 100%, mais rien à faire, le contenair fait 0px en largeur.



La contenair 'droit' n'a aucune valeur en width, car si je met 100%, il se place en dessous du contenair gauche.
Il faudrait que je fasse un truc du genre : width: 100% - 150px; , 150px étant la largeur du contenair 'gauche'.


Voyez-vous où je voudrais en venir ?

Merci d'avance!

Hello,

Le plus simple est tout d'abord d'éviter de fixer des largeurs 100% à des blocs qui de toute façon vont occuper par défaut toute la largeur disponible.
Et d'éviter d'utiliser un positionnement hors flux lorsque cela n'est pas nécessaire (conteneur droit par exemple)

Ensuite, je crois que le plus simple serait d'avoir un aperçu du code HTML/CSS.

En fait, tu voudrais obtenir quelque chose dans ce genre ?

<div id="wrapper">
      <div id="gauche">conteneur gauche. float left, 150px</div>
      <div id="droite"><p id="ligne1">Ligne 1</p>
      conteneur gauche. margin-left: 160px</div>
  conteneur principal
  </div>

#wrapper {
        background: #B9A6A5;
      }
      #gauche {
        float: left;
        width: 150px;
        background: #B41F23;
      }
      #droite {
        margin-left: 160px;
        background: #605874;
      }
      #droite #ligne1 {
        background: #57954A;
      }