Boites div, menu et organisation d'une page

Bonjour à tous
voilà j'ai une question sur laquelle je bute depuis bien un mois...
C'est tout simple :
J'ai mon menu à gauche (boite div), on va dire qu'il fait 100 pixels.
Et je veux que le contenu de ma page, une autre boite div, prenne tout l'espace restant.
Seulement, si je lui met la valeur width: 100%, et puis que j'utilise float, ma balise va faire 100% de la page totale, et non 100% de l'espace restant (qui correspond à width(page totale) - width(menu)) et ça va ajouter une barre de scroll horizontale à ma page...
Euh je sais que j'explique mal lol, mais quelqu'un m'a t'il compris et pourra t'il m'aider ?
Merci infiniment

Ciaò
MadMatt
www.madmatt.fr.st

Bonjour,
pas très bien compris, car 100%
"ça marche" pour l'espace restant (IE,FF)

<div style=" background-color:#FFFF00;
    float:left;
    width:100px;
    height:100px">
menu<br/>
ligne 2
</div>
<div style=" background-color:#FF6A22;
    width:100%;
    height:200px">
contenu de la page
</div>


Cordialement. Bul. SiteMail

Merci pour la réponse.
Ce que tu m'a donné (et que j'avais réussi à trouver hier sur internet) marche pour la structure d'une page. après j'y arrive pas si c'est par exemple dans une boite div, j'ai 2 autres boites div.
Et je veux que ça donne :

|------| |----------------|
| 20px | | 100% du reste  |
|------| |----------------|

(Sachant que la boite div qui les contient possède des attributs left, top, width, height etc...)
Et comme je veux qu'il y ai un léger espacement entre les 2 boites, je doit appliquer un margin-left: 30px; (les 20px de la boite de gauche + 10px d'écart) à la boite de droite. Et de ce fait elle dépasse (à droite) de la div qui les contient.
Je sais que tout ça n'est pas très clair mais ça me prend tellement le chou que j'ai céder à utiliser un tableau. C'est pas recommandé je sais mais bon, on fait avec les moyens du bord...
Merci

Ciaò
MadMatt
www.madmatt.fr.st

ah, les choses se compliquent, il faudrait tout regarder de près.

les tableaux ne sont peut-être pas recommandés ( par
qui ? ) , mais tellement simples à utiliser que je n'ai
aucun scruplule à le faire.

Cordialement. Bul. SiteMail

En modifiant ton code j'ai eu une idée... J'ai mis déjà height: 100%; pour la div de gauche : le menu (dans ton code)
Et je testerai ce soir ce que ça donne si je mettais une autre div dans chaque boite avec un margin de 10px par exemple, comme ça j'aurai mes 2 boites (menu à gauche et contenu à droite) espacées de qq pixels et couvrant toute la fenetre. Et si ça marche pas les tableaux feront l'affaire .

En tout cas merci de t'etre interessé à mon problème

Ciaò
MadMatt
www.madmatt.fr.st

j'ai "eu le temps de regarder"
et, si j'ai compris, tout baigne, normalement...

<div style=" position:absolute;
    left:100px;
    top:100px;
    background-color:#FF0000;
    width:500px;
    height:200px;">
 <div style=" width:50px;
     float:left;
     background-color:#FFFF00;">
 </div>
 <div style=" width:100%;
     margin-left:100px;
     background-color:#00FF00;">
 </div>
</div>


Cordialement. Bul. SiteMail