Div getting pushed to the bottom of the page

Hi All,

I've got a site with left sidebar, center content and right sidebar. The right sidebar is getting pushed to the bottom of the page and I can't figure out why. Also, I can't get it recreate on my computer. I only know about it because I got a phone call from my boss.

The site is www.appcraver.com. I ran it through at browsershots and got a bunch of screenshots from different browser set-ups. It seems to display incorrectly on most firefox set-ups (except mine which is Mac 10.5/firefox 3). You can see the screenshots at https://browsershots.org/http://www.appcraver.com/

Also I ran the code through the w3 validator. There's a few minor errors -- 23 html and 3 css -- but nothing that should interfere with the right sidebar.

Any insight would be greatly appreciated — I'm starting to go cross-eyed from looking for answers!

re: Div getting pushed to the bottom of the page

While it is highly unlikely to resolve all the issues you face, validating the markup may provide the first step necessary to consider deeper cross-browser issues.

Or will it?

re: Div getting pushed to the bottom of the page

I don't think it will. Most of the errors are caused by missing "alt" tags and incorrect [HTML]<br> instead of <br />[/HTML] formatting. But I can't change this because it is part if a plugin. Neither of these should mess with the right sidebar.

There are a few errors for "XML Parsing Error: Opening and ending tag mismatch: br line XXX and div" but I'm not sure what that means.

re: Div getting pushed to the bottom of the page

I only get the float drop in Mac OS X 10.4.11 in the latest version of Camino. The latest versions of Mac Opera, Mac Safari, and Mac FF all seem alright, as does XP IE/7 and IE/6.0.

Tidy Online [1] is helpful in pointing out and correcting sloppy HTML. Tiger Camino and pre FF/3.0 browsers may not be recovering from the more serious than br tag and alt tag HTML errors and warnings. Either way, it's a start toward de-bugging...

[1] Tidy Online

re: Div getting pushed to the bottom of the page

Thanks for the link to Tidy online. Every little bit helps. I'll sort through the code this afternoon.

It's good to know that at least the up-to-date browsers are displaying everything properly, but it's frustrating because I know that not everyone is good about keeping their browser version fresh. :)

re: Div getting pushed to the bottom of the page

Hmm. You are dropping the float in "up-to-date" Camino/1.6.3[1] in Mac OS X 10.4.11.
[1]
"Mozilla Power, Mac Style"