Black Friday = Pricewatch Bekijk onze selectie van de beste Black Friday-deals en voorkom een miskoop.
Toon posts:

HTML hoogte

Pagina: 1
Acties:

Verwijderd

Topicstarter
Hoi,

Is het mogelijk om de document hoogte (dus niet Window Hoogte) te bepalen met:

- Internet Explorer 7
- een pagina met een absoluut gepositioneerde DIV
- XHTML Transitional

De hoogte werkt als ik de DOCTYPE weghaal (en meet met document.body.scrollHeight), in Firefox werkt het sowieso. Maar in Internet Explorer krijg ik de hoogte van de BODY a 34 pixels, terwijl het document dus dik 4500 pixels hoog is. Hij telt de hoogte van de DIV niet mee.

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">

<script>
function bgHeight()
{
    pageHeight = document.body.offsetHeight + document.body.offsetTop;
    alert(pageHeight);
}
</script>

<body onLoad="bgHeight()">
Test
    <div style="height:4500px; position:absolute; background-color:red;">
        Test
    </div>
</body>

</html>

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 11-11 10:24

Bosmonster

*zucht*

* Bosmonster mompelt iets over HTML4..

Dit zou niet moeten werken namelijk, ook niet in Firefox. De absolute positionering haalt de div uit de flow en verhoogt hiermee niet de hoogte van de body.

[ Voor 65% gewijzigd door Bosmonster op 02-07-2008 14:38 ]


Verwijderd

JavaScript:
1
document.documentElement.scrollHeight

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 11-11 10:24

Bosmonster

*zucht*

Verwijderd schreef op woensdag 02 juli 2008 @ 14:38:
JavaScript:
1
document.documentElement.scrollHeight
scrollHeight kan natuurlijk wel idd

Ik vind het apart dat Firefox de divhoogte meeneemt in de offsetHeight.

Verwijderd

Bosmonster schreef op woensdag 02 juli 2008 @ 14:43:
[...]


scrollHeight kan natuurlijk wel idd

Ik vind het apart dat Firefox de divhoogte meeneemt in de offsetHeight.
Doet 'ie niet. scrollHeight werkt ook alleen op het documentElement, niet op de body. De body is, zoals het hoort, niet hoger dan z'n eigen verticale paddings bij elkaar.

Verwijderd

Topicstarter
Werkt!

Had via Google 3 manieren gevonden om hoogte bepalen, die ik onderlkaar knalde, dus weet niet zeker welke hij pakte.

Iig een manier waarin Firefox werkte en IE niet. Maar oplossing zoals hierboven werkt bij beide. :-)

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 11-11 10:24

Bosmonster

*zucht*

Verwijderd schreef op woensdag 02 juli 2008 @ 14:45:
[...]

Doet 'ie niet. scrollHeight werkt ook alleen op het documentElement, niet op de body. De body is, zoals het hoort, niet hoger dan z'n eigen verticale paddings bij elkaar.
Dan heb ik topicstarter verkeerd begrepen denk ik. Heb het niet zelf getest.
Pagina: 1