Not sure why my page doesn't scroll

[EruditerThanYou]

Hi -- I'm a new member and am designing a layout for my company.

I've run into a problem I've not seen before.

My I have a fixed height and width layout with a scrolling main content section and that all works beautifully -- however I notice that when I minimize my browser screen so that the viewport is now smalled than the page layout, the browser scrollbars do not engage.

Right now I have the site on a secure server for testing so you'll need to accept the certificate to view.

Here is the URL. https://webmail.dearmansystems.com/dsiweb/Index.html

I've validated the code with the W3c validator and it produces four errors (Margin height, Margin width left margin and top margin -- I was already aware that these are not XHTML 1.0 transitional attributes).

I removed these attributes on a different test page -- but the problem persists.

Has anyone seen this problem before?

I sure could use help fixing it.

Thanks,
Beth

[vinyl-junkie]

Hi, and welcome to AHFB!

The page you posted a link to is a secure web page, which we can't access. Would it be possible for you to post the code to it instead?

[EruditerThanYou]

I've attached two text documents. One with the code for the Index.html page and the second for my style sheet.

Please ignore the comments in the stylesheet, I had used it to teach my mom about CSS -- she's taking a beginning HTML course and was having problems understanding how stylesheets work -- and I haven't cleaned up that file yet.

Thanks,

Beth

[rangana]

This part found in your markups causes the problem (in FF).

<style type="text/css">
<!--
body {
	background-color: #FFFFFF;
	position: fixed;
}
-->
</style>

It's erroneous, and should be background-position instead.

Hope it helps.

[EruditerThanYou]

I see your point about Background-position -- however neither removing this line nor editing it with background-position values seems to solve my problem.

[rangana]

I see your point about Background-position -- however neither removing this line nor editing it with background-position values seems to solve my problem.

I've tested it IE7 and FF2, and should have work. Or i'm not taking what you wanted to do?

Does'nt the scrollbar show when minimized? or there's another problem that I missed.

[EruditerThanYou]

The scrollbar for the main content div INSIDE the page layout works fine in all browsers. (the page I posted here doesn't contain enough content for the main content div to scroll).

The Problem is that when I minimize the browser window so that my entire layout is no longer visible, I don't get scrollbars within the browser viewport window that enable me to scroll to see the parts of the page that aren't visible.

Again, I've never seen this problem before -- but it doesn't appear to be browser specific which makes me think there is something wonky with my code.

I'm at a complete loss.

beth

[HTML]

I see the problem in the main browser scrollbar as you mentioned. Looking at the CSS I see 2 more instances of "position: fixed;"

may or may not help.

[EruditerThanYou]

It did. Fixed.

I didn't realize that I'd set my main content DIV to position: fixed.

Funny how "fixed" covers so many evils . . but in the end "fixed" is what this problem is.

Ah the irony.

Thanks.