Page cut off in IE7

For me, IE7 and IE8 seem to be fine. However I do have issue when viewing it using any webkit browser (chrome, maxthon3). I tried the fix but it made it worse in IE! (Actually, I think I left it as .2 when I am using .3)

here is a screenshot using maxthon.. looks the same using chrome

I double checked and all content tags on the four pages that this is occuring with appear to be properly closed (other 3 pages likely don't have enough content for it to occur). I check the php generated xhtml using w3's validator and the only errors that came up were a missing type attribute for the internal style sheet tag and the fact that in the chamfer navbar there are divs within list elements....no errors regarding the content. Here is a link to the pages that are causing difficulty...perhaps you can confirm if the problem exists when you view it and perhaps be able to figure out what is going on by being able to view source code.

http://notredamecss.ca/bizshsm/

http://notredamecss.ca/bizshsm/node/5

http://notredamecss.ca/bizshsm/node/7

http://notredamecss.ca/bizshsm/aggregator/categories/1

note: I have only made two changes to the default code and the problem existed prior to that change. The first change was to add a class to the h2 title for all pages (page.tpl.php) and corresponding css file so that the h2 for the site would stay visible but the h2 for the homepage would not. The second was to change the default font-size for the list elements in the aggregator displayed on the homepage. As I said problem existed long before I made those changes.

Thanks, Sal

I've tried adding static text to the footer... text shows up but nothing changes regarding the problem.

I'm not sure which block you refer to... maybe the right sidebar? that doesn't seem to be the problem since that is only on homepage but problem exists on other pages.

I tried setting a min-height on the body but that didn't change anything.

I've played around with it and realized something extra weird. 1) it occurs with firefox also; 2) the white is cut off at the point where the content extends past the bottom "edge" of the window. If I resize the window to something smaller than full screen, then the white will cut off wherever the current bottom edge of window is... so this is actually occurring on all pages of my site if the window is small enough!

As for running modules the only ones running are: aggregator, color, database logging, menu, and update status.

Any other ideas????

Okay, I think I have it fixed. Here is what I changed to get it to work...

First I tried everything you suggested but nothing worked. So I started playing with the height properties. I finally removed all references to height in the wrapper class and removed the float property from the center-col-1 class. That enabled all single column pages to render fine except for a 5px gap so I upped the wrapper class bottom margin to -101px. At that point I thought all was working... and it was, except for the homepage which used 2 columns.

Next, to fix the two column page I had to take more drastic measures. If I just take the float properties out of one or both of the center-col-2 and right-col-2 classes the elements just appear one after another (of course). However if I leave the float properties in the background white color from the div containing those columns disappears. So I had to take the float out of each but then had to move the right-col-2 back to its usual location next to center-col-2. To do that, I added a relative position to the wrapper class (without adjusting position) and then added an absolute position to the right-col-2 class and adjusted using top and right properties.

If this sounds too convoluted and someone has a better way, please let me know.