Design-Frage

[misterunknown]

Moin,
ich habe mal eine Frage zum Layouting mit CSS. Ich habe folgende Seite:
http://aufenthaltsraum.misterunknown.de/.
Folgendes will ich: Der #left-Div hat eine feste Breite von 205px. Der #content-Div soll so breit sein, dass er bis an den #left-Div heran geht. Wenn man die Seite "zusammenschiebt", man also einen kleinen Viewport hat, dann soll der #left-Div unter den #content springen, damit man nicht horizontal scrollen muss.

Ich habe dabei folgende Probleme:
-> Wenn ich dem #content-Div keine Breite gebe, wird er über die gesamte Seite angezeigt, und der #left-Div ist nie dort zu sehen, wo er sein sollte.
-> Wenn ich dem #content-Div, wie es jetzt ist, eine maximale Breite gebe, dann füllt die Seite in einem 1920x1080p Viewport nur 50% des Bereichs aus.

Ich kann mich erinnern, dass irgendjemand vor einiger Zeit 2 Seiten gepostet hat, die so ein dynamisches Layout hatten, leider finde ich den Beitrag nicht mehr.
Kann mir irgendjemand einen Suchtipp geben, oder etwas Lesestoff verlinken?

Grüße Marco

[T-Rex]

Hallo Marco,

eine Lösung die mir da einfallen würde, wären verschiedene Mediatypen. In die CSS Datei kommt folgender Code:
@media only screen and (max-width: 800px)
{
.csszeug
{
attribut: eigenschaft;
}
}

Das heißt, dass diese Angabe für eine Breite bis max. 800px Breite zutrifft.
So kannst du ab einer gewissen Größe die Boxen anders Positionieren.

Gruß
T-Rex

R
e
x

[Gunnar Bittersmann]

@@misterunknown:

nuqneH

Ich kann mich erinnern, dass irgendjemand vor einiger Zeit 2 Seiten gepostet hat, die so ein dynamisches Layout hatten

War einer davon vielleicht http://www.alistapart.com/articles/responsive-web-design/?

Qapla'