Problem mit Positionierung

[Philip]

Hallo,

Ich bin grad dabei meine Website auf XHTML 1.0 Strict umzustellen. Dabei möchte ich gleichzeitig das "alte" Tabellenlayout durch das "neue" CSS-div-Layout ersetzen.
Dabei hab ich nun ein Problem:

So soll das Ganze mal aussehen:
 _____________________________________________
| header                                      |
|_____________________________________________|
| nav.   | content                    | side  |
|        |                            |       |
|        |                            |       |
|        |                            |       |
|        |                            |       |
|________|____________________________|_______|
| footer                                      |
|_____________________________________________|

In HTML schaut das Ganze bis jetzt so aus:

<div id="head">
  <p>head</p>
</div>

<div id="main">
  <div id="nav">
    <a href="#">Link1</a>
    <a href="#">Link2</a>
    <a href="#">Link3</a>
  </div>
  <div id="content">
    <p>Text</p>
  </div>
  <div id="side">
    <p>side</p>
  </div>
</div>

<div id="foot">
  <p>foot</p>
</div>

Nun hab ich ein Problem mit der Positionierung der drei divs nav, content und side. Ich bekomm sie nicht nebeneinander. Ich habs u.a. schon mit float:left versucht, dann hats die divs aber wenn ich das Fenster nicht aus Fullscreen hatte untereinander positioniert.

Optimal wärs, wenn die drei divs _immer_ nebeneinander angezeigt werden und wenn die Fensterbreite unter x Pixel ist, man zur seite scrollen muss.

Im Archiv hab ich nichts gefunden, obwohl ich mir vorstellen kann, dass es das Problem schonmal gab.

mfg,
  Philip