position: fixed issue Options

[CharlesEF]

Hi All,

I've run into a problem and I'm hoping someone can point me in the right direction.

Please see this page for an example (HTML and CSS only). The page consists of 3 sections (CSS), red is the header, yellow is the content and blue is the footer. The menu is contained in the content section and has position: fixed defined in the #menu rules. I have found that when position: fixed is used the white background of the menu extends to cover the scroll bar. If position: relative or absolute is used then the background does not cover the scroll bar.

What am I missing? If I visit 'Stack Overflow' there seems to be a fixed header and it does not cover the scroll bar. Why?


Thanks for any help,

Charles

[CharlesEF]

Those are thing I will ponder as I do research and design my mobile site further.

Thanks for your input.

[pandy]

Do you still use the overflow? Why? You said you wanted the scroll bar to go all the way to the top?

[CharlesEF]

Do you still use the overflow? Why? You said you wanted the scroll bar to go all the way to the top?

Actually, I really only want a scroll bar in areas that can scroll, like my current web design. While your design did look like what I wanted I didn't care for the full body scroll bar.

Thanks for your input.

This post has been edited by CharlesEF: Mar 25 2017, 01:05 AM

[pandy]

Then I don't understand. You originally complained about that the fixed part covered the scroll bar (which it didn't really). I thought that was the problem you wanted help with.

[CharlesEF]

Then I don't understand. You originally complained about that the fixed part covered the scroll bar (which it didn't really). I thought that was the problem you wanted help with.

The problem. I think, was that I didn't understand the problem well enough to ask the right question.