CODEWITHSUNDEEP
htmlcssinternet-explorerinternet-explorer-7
Marco
Marco

Reputation: 1232

html scroll/size doesn't work correctly. IE7 at least

This is an issue not easy to explain, basically, when you open my site (http://www.securebitcr.com/test/sbcr/) and resize, you can see an "extra" space at the end of the site, is there a way to limit that?

It is like, if I have a div(height:800) but the window itself is sized to 400px, I am able to see the rest of the site, but all the other objects that I'm attaching to the bottom (like the footer) ... you can see all the code at once in my file.

http://www.securebitcr.com/test/sbcr/

Any help is greatly appreciated.

Thanks,

Marco

Upvotes: 3

Views: 387

Answers (2)

thirtydot
thirtydot

Reputation: 228162

I didn't test this in any other browser, so you may have to serve these changes to just IE7, by using a stylesheet just for IE7, via a conditional comment.

Set these styles:

  • html, body { margin: 0; padding: 0; height: 100% }
  • body { position: relative }

I recommend trying those changes, and seeing if they're fine to apply for all browsers - that might well be the case.

Upvotes: 1

Elbert Alias
Elbert Alias

Reputation: 1790

It looks like #content_frame is causing the scrollbar to appear even though you're using overflow: hidden on the parents. I'm guessing position: relative has something to with it, try removing that. It works fine in IE8 and Firefox.

Upvotes: 1

Related Questions