c++.de :: [CSS] div-Element an Browserhöhe und Breite anpassen

LeGaN Mitglied 18:34:52 15.03.2012 Titel:

Hallo,

ich habe folgendes Problem: Ich habe ein div-Element, dessen Breite in % angegeben ist, sich also an die Browserbreite anpasst. Nun gibt es durchaus Fälle, in denen dann die Höhe des div-Elements größer ist, als die anzeigegröße des Browsers.
Gibt es eine Möglichkeit, die Breite und Höhe des div-Elements so anzupassen, dass es immer voll im Browser zu sehen ist? :confused:

(Dass ich sowohl hight als auch width in % angeben kann, weiß ich.) Dabei soll aber die Proportion des div-Elements beibehalten werden.
Momentan wird die Höhe des div-Elements durch ein sich darin befindendes Bild angepasst, wodurch die Proportionen beibehalten werden.

Viele Grüße
Jan

SideWinder Moderator 18:45:40 15.03.2012 Titel:

Funktioniert min-height:100% in gängigen Browsern?

Edit: http://peterned.home.xs4all.nl/examples/csslayout1.html

MfG SideWinder

LeGaN Mitglied 21:12:34 16.03.2012 Titel:

Hi,

ich glaube nicht, dass min-hight das ist, was ich suche. Ich versuch's mal anderst zu beschreiben: Ist die größe in q-Richtung (q=x,y) größer als das Browserfenster bzw. der sichtbare Bereich, dann soll das div-Element so verkleinert werden, dass das gesamte div-Element sichtbar ist, ohne dass gescrollt werden muss. Dabei soll aber die Proportion beibehalten werden. D.h. ist die Proportion 4:3, dann soll nach der Verkleinerung (Vergrößerung) des div-Elements wieder die Proportion 4:3 sein.

Oder geht das nur via JS?

Viele Grüße
Jan

zwutz Mitglied 21:16:45 16.03.2012 Titel:

nein. Es sei denn, du verkleinerst selbst mit JavaScript.
Ein div nimmt immer den Platz ein, den es braucht