ansaurus

Question

how to fix a document.body is null-error

Answer 1

+1 A:

I agree with outis - we need some more code.

That said:

Are you sure you're doing all your work inside the $(document).ready function?
Do you definitely have a correctly formed (and closed) body tag and valid xhtml?
Does this happen on all browsers?

One suggestion:

Does the problem persist if you put the positioneerElement function in the $(document).ready function as well? I'm wondering whether the browser evaluates document.body prior to the document loading.

$(document).ready(function() {
    function positioneerElement(){      
    $breedte = (document.body.clientWidth - 1124) / 2;
    $('#bg_left').css({
        'width': $breedte
    });
    $('.container').css({
        'margin-left': $breedte
    });

    // your other code, including
    positioneerElement();
});

Damovisa 2009-10-21 21:54:11

Ayrton 2009-10-22 12:56:14

@Ayrton - I've added a suggestion and a code sample

Damovisa 2009-10-22 21:32:29

thank you very much. Apperantly it all had to do with this. I found it strange because in other projects I didn't need to put the functions in my document.ready.Cheers

Ayrton 2009-10-22 22:18:28

Answer 2

+1 A:

Well, just based on the information you have given me it might be that the body has not loaded properly yet. Please see here for more detials: http://www.coderanch.com/t/122834/HTML-JavaScript/document-body-null-or-not#606782

I would say more but I too agree with outis that you need to post some more code for us to debug.

Robert Massaioli 2009-10-21 21:56:01

Answer 3

+1 A:

Make sure you only call $(window).width() after you have included the <body> tag (eg. in the ready callback), and/or use a Standards Mode doctype declaration. You should be doing that anyway: Quirks Mode sucks.

The issue is, to read the viewport size in Quirks Mode jQuery must look at document.body.clientWidth instead of document.documentElement.clientWidth. If you haven't started your <body> yet, there is not document.body node present.

bobince 2009-10-21 21:57:33

Answer 4

A:

You have to include jquery.js, and not jquery.min.js It looks like some bug in it This works for me

mpeti 2009-11-20 12:10:51

ansaurus

tags:

views:

answers:

how to fix a document.body is null-error

related questions