Quadrate mit prozentualen Seitenlängen

[T-Rex]

Wieso PHP?
Wieso Javascript?

Wenn die Quadrate überall gleich groß sein sollen benutz doch einfach px. Oder hab ich da was nicht mitbekommen?

Gruß
T-Rex²
Ich möchte eben keine Seitenlängen in Pixel, da es dann auf jedem Bildschirm anders aussieht und die Gefahr besteht, dass es nicht auf die Seite passt, ohne Scrollbalken zu benutzen. Benutze ich hingegen prozentuale Seitenangaben, ist dieses Problem gut einschränkbar.

Sorry da ist ein Wiederspruch. Wenn es überall gleich aussehen soll, dann benutzt du px. Dann ist das Quadrat immer 100px hoch und breit. Benutzt du hingegen Prozent, dann ist das Quadrat je nach Browsergröße anders. In der Schule gibt es da das schöne Wort "kongruent" (Deckungsgleich). Bei px gibt's kongruente Quadrate, bei Prozent nicht. Aber naja deine Sache.

Zur Lösung:
Ich weiß jetzt nicht genau wie groß dein Quadrat sein soll, aber eine Prozentangabe sollte doch deinem Wunsch entsprechen.
<div class='quadrat'></div>
.quadrat
{
   width: 50%;
   height: 50%;
}

Gruß
kongruenter
T-Rex