Javascript get html height

[cristian]

Jeg har slet ikke kikket på Javascript, men jeg har et problem som jeg håber det og i kan hjælpe mig med.

Hvordan kan man få højden for HTML dokumentet i pixels, minus det med 272 pixels og sige
for class elementet .backgroundThree skal height: <være højden på HTML dokumentet - 272 pixels>;?

Som skal virke cross platform.



Tak på forhånd.

[Daniel]

Jeg er desværre heller ikke så meget inde i JavaScript, men måske dette er noget du kan bruge: http://andylangton.co.uk/blog/developme ... javascript

Og så skulle du gerne "bare" kunne bruge - 272pixel hvis jeg ikke husker helt forkert.

[ThomasI]

Du kan bruge CSS3 calc() funktionen - men der er der så risiko for at det ikke er alle browsere der understøtter det:


height: calc(100% - 18px);

Browser kompatibilitet

Kode: Vælg alt

/* Firefox */
height: -moz-calc(100% - 18px);
/* WebKit */
height: -webkit-calc(100% - 18px);
/* Opera */
height: -o-calc(100% - 18px);
/* Standard */
height: calc(100% - 18px);

Du kunne evt. så kombinere dette med .height() fra jQuery:

http://api.jquery.com/height/