DHTML: relativ layer posisjon

[petterg]

Hvordan kan man få en layer (<div> blokk) til å ha BREDDE relativ til HØYDEN av vinduet den er i?

 

Altså, hvis man vil ha en layer som er like høy som den er bred, og høyden skal være 80% av vinduet - hvordan får jeg satt bredden til å bli det samme?

Bredden skal altså IKKE skaleres i forhold til bredden på vinduet, slik man normalt gjør.

[Purify]

Du er altså ikke ute etter width: 80%;? Du vil ha et kvadrat som er midtstilt loddrett i nettleservinduet?

[Haraldson]

Du er altså ikke ute etter width: 80%;? Du vil ha et kvadrat som er midtstilt loddrett i nettleservinduet?

Nei - han vil at høyden skal være 80% av viewport, og at bredden skal være lik høyden.

 

Har ingen løsning, jeg da...

[Arve Systad]

Trur ikkje du kommer deg noken vei på dette problemet med CSS ivertfall.. Må vel kanskje til med javascript eller serverside som finner oppløsning på viewport, og lager bredde/høgdeverdier ut i fra dette..?

[petterg]

Javascript er en mulig løsning. Har brukt den løsningen før, men det blir veldig browseravhengig script... dvs mange feilkilder - og funker overhodet ikke i Safari.

Ser også en mulighet i å lage en intro side som poster størrelse av viewport slik at server kan beregne størrelse i pixler og generere html ut av det. Postingen blir da også veldig browser avhengig.

 

En (d)HTML løsning ville vært mye bedre.