gecentreerde DIV, relatieve grootte en altijd vierkant

'k Wil een DIV plaatsen in het midden v/h scherm met een relatieve grootte die altijd een vierkant blijft, ongeacht of het browser window resized.

Is dat mogelijk met CCS / JS?

Met relatieve grootte bedoel ik dat je de grootte opgeeft in percentage en niet in absolute pixels.

Op deze website vind je ene techniek die dat doet: http://www.wpdfd.com/editorial/thebox/deadcentre4.html

Vervang de pixels voor % en het werkt (waarschijnlijk).

Het ligt iets genuanceerder; je weet namelijk niet of de breedte langer is dan de hoogte en vice versa.

Maar ben er inmiddels uit:

DIV: (always) centered square