Hallo

Ich bin nun schon seit ewigkeiten am machen und tun.
Aber mir fällt einfach keine Lösung ein, wie ich mein
Anliegen mit CSS umsetzen kann.

Um zu erklären, was ich meine, muss ich nochmal auf meine
bisherige Webseite verweisen (sorry): http://www.spaceart.de/

Ich möchte bei meiner neuen Seite mit CSS gern folgendes machen:

Es gibt 2 Div-Boxen:
a - die Navigation (links mit dunkelblauem Hintergrund)
b - der Inhalts-Teil (rechts mit normalblauem Hintergrtund)

Der rechte Inhaltsteil soll eine feste Breite von 510px haben,
so wie das hier schon mit CSS umgesetzt ist: http://www.spaceart.de/___Test-01.shtml
Die weiss umrandeten Kästen wachsen dann bei Schriftgrößen-Änderung
nicht horizontal mit sondern nur vertikal.

Die links ("angeklebte") Navigation soll eine flexible Breite haben,
die horizontal mit der Schriftgröße mitwächst.
Und das ganz soll immer horizontal im Browserfenster zentriert sein.

Ich hatte mir das dann vom Prinzip her so gedacht:

<div id="Navigation">
float: left
width: 10em
Navigation
</div>

<div id="Inhalt">
margin-left: 11em
Inhalt
</div>

Das funtioniert ja so weit auch.
Aber wie bekomme ich das ganze Ding nun im Browserfenster zentriert?

Ich hatte überlegt, die beiden Divs in ein
"allumfassendes" Div (id="Alles") zu packen und dieses dann zu zentrieren.
Aber das geht nicht.
Ist warscheinlich auch nicht logisch, weil sich das Navi-Div
mit seinem "float: left" dann ja immer noch an der linken
Fensterseite orientiert und nicht an der linken Kante von Div (id="Alles").

Oder macht es Sinn, wenn ich rechts und links einfach noch ein
Div setze, welches dann mit margin:auto den rest auffüllt?
Nee, natürlich nicht ;-)

Boah, mir qualmt schon die Birne :)
Konnt Ihr mir nicht nochmal mit einer Idee aushelfen.
Also jetzt keine fertige "Klick und schmeiss rein"-Lösung,
sondern eben einen entscheidenen Hinweis, ob das überhaupt geht,
und wenn ja, mit was ich mich disbezüglich mal näher befassen sollte.

Gruß
Ingo