[grafzahl]

Hi Leute, ich bins mal wieder mit einem neuen CSS-Problem

Ich sitze hier gerade an der Umsetzung eines Layouts, das mir etwas Kopfzerbrechen bereitet, und zwar kann man sich das ganze etwa so vorstellen.....

Header
Liegt am oberen Seitenrand an, nimmt 100% hor. ein -> Kein Problem.

Navigation
Liegt mit kleinem Abstand am linken Seitenrand an, etwas unterm Header, hat eine feste Breite von ca. 200px und ist in mehrere untereinander gegliederte Boxen geteilt.

Content
Der Content befindet sich rechts von den Navigationsboxen, im Content sind Boxen mit einzelnen Infos eingebettet, die jeweils auch eine feste breite haben. Die Boxen sollen immer nebeneinander floaten, bis der rechte Seitenrand erreicht ist, und dann in eine neue Zeile springen. Die Contentboxen sollen jedoch nicht unter die Navigationsboxen floaten, wenn von diesen zu viele vorhanden sind.

Sprich: Es muss ein Mix aus fester Breite (Navigation) und variabler Breite (Content-Rest vom Screen) bestehen.

Ist es möglich das mit CSS umzusetzen? Wenn ja, Wie?

Wenn ihr wollt kann ich das ganze auch schnell als Boxgrafik anlegen...

[veronika]

also wenn ich dein "problem" richtig verstanden habe, dann hast du des rätsels lösung eh schon gesagt:
dem header sagst du width: 100%
der nav width:200px, float: left;
dem content sagst du keine width und float: right;
den elementen im content weißt du deine gewünschte breite zu.. zb. 150 px und float: left;
je nach dem wie groß jetzt das fenster ist sollte es so viele elemente in einer zeile geben, wie sich halt ausgehen..

[grafzahl]

Mhm stimmt, eins hab ich nur vergessen:
Was wenn es zb eine Hinweisbox im Content geben soll, die eben die volle, noch zur Verfügung stehende Breite, einnehmen soll? Width: auto hilft da ja auch nicht, aber mit den Boxen hast du natürlich schonmal recht.

Obwohl: Schau mal, wenn ich den Contentboxen sage, sie sollen float:right'en, und es zb 100 Boxen gibt, dann floaten die auch unter meine Navigationsboxen, es sei denn ich würde da sagen height: 100%; obwohl das erfahrungsgemäß nicht klappen wird.

[mtk]

Du hast doch der Navi eine feste Breite von 200px gegeben. Und deine Contents liegen doch sicher in einem Content-Container. Dem verpasst du einfach ein margin-left von 200px + etwas mehr.

Damit dürfte es wohl funktionieren!

Theoretisch ist in der Praxis alles Unmöglich.