dynamisches Grundgerüst

[Kammerjaeger]

Ich versuche eine Seite zu erstellen, die den Inhalt der Page an der Auflösung des Monitors anpasst darstellt.

http://www.grasshassers.ch/diverses/HP2.htm

Wenn man einen 24"Widescreen hat, sollen also beispielsweise 4 "Textboxen" nebeneinander dargestellt werden, bei einem 17"-Monitor sollten nur 2 nebeneinander erscheinen.

Dazu zwei Fragen:

• Warum gibt es teilweise solch grosse vertikale Abstände zwischen den Textboxen?

• wie verhalten sich die Browser, wenn man einem Div eine "max-width" UND eine "min-width" angibt und so viel Text eingibt, dass ein Zeilenumbruch erforderlich ist? Wird sowieso immer die maximale Grösse verwendet?

[Gunnar Bittersmann]

@@Kammerjaeger:

Ich versuche eine Seite zu erstellen, die den Inhalt der Page an der Auflösung des Monitors anpasst darstellt.

Das ist unsinnig und nahezu unmöglich.

Du versuchst eine Seite zu erstellen, die die Darstellung des Inhalts (nicht den Inhalt selbst) an die _Größe des Viewports_ anpasst. Alte Leier.

Dazu zwei Fragen:

• Warum gibt es teilweise solch grosse vertikale Abstände zwischen den Textboxen?

Beschäftige dich mit http://de.selfhtml.org/css/layouts/mehrspaltige.htm@title=Floats. Und mit Inline-Blöcken.

• wie verhalten sich die Browser, wenn man einem Div eine "max-width" UND eine "min-width" angibt und so viel Text eingibt, dass ein Zeilenumbruch erforderlich ist? Wird sowieso immer die maximale Grösse verwendet?

Ja. 'max-width' gibt die maximale Breite an, bis zu der Text in einer Zeile dargestellt wird. Erst wenn der Text noch länger ist, erfolgt ein Zeilenumbruch.

'min-width' hingegen gibt die minimale Breite der Box an, auch wenn weniger Text vorhanden ist, der die Breite nicht völlig ausfüllt.

Live long and prosper,
Gunnar