nicht angemeldet
Quadratischer Block mit relativer Höhe und abgeleiteter Breite
Gunnar BittersmannGibt es eine Möglichkeit mit CSS einem Block dieselbe Breite wie Höhe zu zuweisen - wobei die Höhe als prozentualer Wert des Elternelements angegeben ist.
Beispiel: Ein DIV mit Höhe 500px (und unbekannter Breite) enthält ein weiteres DIV mit 50% Höhe (entspricht also 250px). Nun sollte das zweite DIV auch eine Breite von 250px haben.
Wie würde eine CSS Notation lauten, die diese 250px automatisch ermittelt (weil zB nicht immer genau klar ist wie hoch das Elternelement ist oder dieses selbst wie eine prozentuale Höhenangabe verwendet).
Danke für Ratschläge,
XieLong
-
@@XieLong:
nuqneH
Gibt es eine Möglichkeit mit CSS einem Block dieselbe Breite wie Höhe zu zuweisen - wobei die Höhe als prozentualer Wert des Elternelements angegeben ist.
AFAIS nein. Da musst du wohl mit JavaScript ran.
Was genau willst du erreichen? Vielleicht gibt’s ja noch einen anderen Weg?
Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)-
AFAIS nein. Da musst du wohl mit JavaScript ran.
Was genau willst du erreichen? Vielleicht gibt’s ja noch einen anderen Weg?
Es geht um das Design aus diesem Thread:
http://forum.de.selfhtml.org/archiv/2010/12/t202124/Ich möchte nun erreichen, dass jedes der besagten Felder genau halb so hoch wie die Darstellungsfläche des Browsers ist. (Ist ja kein Problem).
Zusätzlich sollen jedoch alle Felder quadratisch sein, also so hoch wie breit. Und damit sind wir bei der Eingangsfrage :)
-