Automatische Layoutanpassung

[Marco Weber]

Hallo,

kann man irgendwie einstellen, dass sich ein CSS Layout an verschiedene Auflösungen anpasst? Ich will in erster Linie erreichen, dass der bei einer 1280*1024er Auflösung entstehende Freiraum anders genutzt wird, d. h. die Inhalte sollen mittig ausgerichtet sein.

Ist Zustand:
-------------
Inhalt
Inhalt
Inhalt
Inhalt
freier Raum
freier Raum
freier Raum
freier Raum

Soll Zustand:
-------------
freier Raum
freier Raum
Inhalt
Inhalt
Inhalt
Inhalt
freier Raum
freier Raum

Bei einer 1024*768er Auflösung verringert sich der "freie Raum" bei meinem Layout um ca. 50% und fällt bei 800*600 völlig weg.

Viele Grüße
Marco

[Detlef G.]

Hallo Marco

kann man irgendwie einstellen, dass sich ein CSS Layout an verschiedene Auflösungen anpasst?

Du meinst bestimmt Fenstergrößen.

Ich will in erster Linie erreichen, dass der bei einer 1280*1024er Auflösung entstehende Freiraum anders genutzt wird, d. h. die Inhalte sollen mittig ausgerichtet sein.

Meinst du das horizontal oder vertikal?
Woraus besteht der Inhalt?
Kennst du seine Größe?

Bei einer 1024*768er Auflösung verringert sich der "freie Raum" bei meinem Layout um ca. 50% und fällt bei 800*600 völlig weg.

Und wie wäre es dann bei meiner Auflösung von 1152*864 und meiner üblichen
Fenstergröße von 1152*600 (innen 1144*462)?

Auf Wiederlesen
Detlef

[Marco Weber]

Hallo Detlef,

kann man irgendwie einstellen, dass sich ein CSS Layout an verschiedene Auflösungen anpasst?

Du meinst bestimmt Fenstergrößen.

ja, meine ich. Auflösung war der falsche Ausdruck.

Ich will in erster Linie erreichen, dass der bei einer 1280*1024er Auflösung entstehende Freiraum anders genutzt wird, d. h. die Inhalte sollen mittig ausgerichtet sein.

Meinst du das horizontal oder vertikal?

Beides, obwohl das Problem eher bei der vertikalen Ausrichtung besteht.

Woraus besteht der Inhalt?

Aus Bildern und Text, welcher als Liste formatiert ist.

Kennst du seine Größe?

Ja, die Größe ist konstant.

Viele Grüße
Marco

[Detlef G.]

Hallo Marco

Meinst du das horizontal oder vertikal?

Beides, obwohl das Problem eher bei der vertikalen Ausrichtung besteht.

Nicht unbedingt.

Woraus besteht der Inhalt?

Aus Bildern und Text, welcher als Liste formatiert ist.

Das ist das größere Problem dabei, wenn es wirklich passen soll.

Kennst du seine Größe?

Ja, die Größe ist konstant.

Wohl nicht, oder kennst du die beim User eingestellte Schriftgröße?

Eine Zentrierung horizontal und vertikal ist mit CSS durchaus möglich, wenn
der Inhalt eine feste Größe hat, entweder in px (nur Bilder) oder in em (nur
Text). Bei gemischten Inhalten passt es dann nur bei genau einer beim User
eingestellten Schriftgröße wirklich.

Schau dir mal dieses Beispiel und die dort weiter verlinkten Beispiele auch
bei extrem kleinem Browserfenster an.
Verändere dabei die Schriftgröße!
Dabei könnte die Größe der Elemente natürlich auch in em angegeben werden,
was dann allerdings die Größe von Bildern nicht wirklich berücksichtigen
würde.

Eine Tabelle drumherum stellt dafür leider immer noch die einfachste und
flexibelste Lösung dar.
(Der IE kennt display:table-cell leider immer noch nicht.)

Auf Wiederlesen
Detlef

[Marco Weber]

Hallo Detlef,

Wohl nicht, oder kennst du die beim User eingestellte Schriftgröße?

stimmt, da hast du Recht.

Schau dir mal dieses Beispiel und die dort weiter verlinkten Beispiele auch
bei extrem kleinem Browserfenster an.
Verändere dabei die Schriftgröße!
Dabei könnte die Größe der Elemente natürlich auch in em angegeben werden,
was dann allerdings die Größe von Bildern nicht wirklich berücksichtigen
würde.

Vielen Dank, damit hast du mir sehr weitergeholfen. :-)

Viele Grüße
Marco