Scripts causing white space at bottom of Chrome / Safari

NBartos · #1 (**permalink**) 05-13-09, 03:17 AM

I have been working on the following page (validated etc) which works fine in Firefox and IE6-7.

Page: www.stevebatzdesign.com.au
CSS: http://www.stevebatzdesign.com.au/css/sbd_style.css

In Chrome & Safari, white space is showing up at the bottom of my page beneath the footer (the box extends full width and to the bottom of the browser). You may need to hit refresh a several times to activate this problem.

If I make the body height say 10000px it goes away, but this also requires an overflow:hidden; on the body to stop the scrolling which isn't really a proper fix.

It seems that if I get rid of all my javascript (jquery etc) it fixes the problem. Of course I need these to run elements of the page. To make matters worse it seems any one of the three javascript files run will cause the problem to occur.

Code:

<script type="text/javascript" src="../scripts/jquery-1.3.2.min.<acronym title="JavaScript"><acronym title="JavaScript"><acronym title="JavaScript">js</acronym></acronym></acronym>"></script>
<script type="text/javascript" src="../scripts/preloadCssImages.<acronym title="JavaScript"><acronym title="JavaScript"><acronym title="JavaScript">js</acronym></acronym></acronym>"></script>
<script type="text/javascript" src="../scripts/stevebatzdesign.<acronym title="JavaScript"><acronym title="JavaScript"><acronym title="JavaScript">js</acronym></acronym></acronym>"></script>

I can't seem to work out exactly whats causing this...

NBartos · #2 (**permalink**) 05-13-09, 11:53 PM

OK, I've fixed this problem.

It appears that applying the background color to the <html> in addition to the <body> tag has fixed this problem.

Just why Safari and Chrome rendered the page differently when running the scripts is beyond me, I can only assume is some sort of bug.

wirehopper · #3 (**permalink**) 05-14-09, 05:18 PM

Consider validating the CSS and XHTML at w3c.org, if you haven't already.

It makes it more likely the page will display properly in more browsers.