Ingo Turski: Proportionalität und Schriftgröße in %

Beitrag lesen

Hi,

  1. Ist es möglich z.B. ein DIV so zu deklarieren, dass es eine prozentuale Breite mit einem festen Höhenverhältnis hat, d.h. dass sich bei Verringerung der Browserbreite auch automatisch die Höhe des Elementes proportional (zu dessen Breite) anpasst?

Das ist in CSS nicht vorgesehen. Allerdings könnte man da (ziemlich unschön) tricken:
In das DIV ein transparentes IMG mit width:100% stecken und den Text dann hierin absolut positionieren. Das IMG skaliert dann proportional auch die Höhe, allerdings benötigt, wie at schon anmerkte, der Text dann vermutlich mehr Höhe, so daß er aus dem DIV herausragen könnte.

  1. Ist es möglich die Höhe eines Elementes prozentual zu definieren? In meinem FF nimmt das DIV dann immer die Höhe seines Contents an...

Natürlich. Ich weiß allerdings nicht, wieso at Dich auf die display-Eigenschaft verweist; ich gebe Dir den hier oft genannten Tip, die Höhe aller Vorfahrenelemente bis hinauf zu HTML zu berücksichtigen, wenn die Seite im standardkompatiblen Modus dargestellt wird.

  1. Kann man eine Schrift prozentual zu einem DIV mit z.B. width: 50% definieren, so dass sich bei Skalierung des Browsers und damit des DIVs auch die Schriftgröße verändert?

Nein, nicht mit CSS. Aber selbst wenn das möglich wäre vergißt Du, daß dann die Schrift für den Besucher schnell zu klein werden könnte und er en Schiftgrad in seinem Browser heraufsetzt - was Dein Layout dann sprengen würde.

Du solltest auf eine andere Art der Flxibilität setzen: Dimenionsangaben in % nur für größere Bereichsaufteilung, ansonsten - wenn Text im Spiel ist - verwende einheitlich und zueinander passend em.
Und lass' evtl. auch mal zu, daß sich floatende Elemente in zu schmalen Festern untereinander setzen und so der zur Verfügung stehende Raum optimaler genutzt werden kann.

freundliche Grüße
Ingo