css - Screen Resolution & Web Page Problems? -
When I change the resolution of my screen to 800x600, 640x480, then half is cut off on my web page. To see the page, I use the scroll bar, percentages as well as CSS. Need help in fixing? All browsers are affected here's a sample.
#top {background: # 424ee0; Margin: 0 px; Padding: 0 pixels; Width: 100%; Hidden flurry; } # Center-top {margin: 0 pixels; Padding: 5px 0px 5px 0px; Width: 1200px; Margin: 0 auto; Text align: center; Hidden flurry; Orange color;
You have:
overflow: hidden ;
The header at the top also has this:
width: 100%
This means that it If the container is set to 100% if the center-top is at the top, then its width may possibly exceed 100% of the container. Overflow: Hidden then overrides the scrollbar and hides all overflow.
If you want to show it:
-
Remove "Overflow: Hidden".
-
Change it to "Overflow: Auto."
Something else:
You clearly set the width to 1200px which means anyone whose horizontal resolution Less than 1200 px, they will see the scrollbar. Do you really want this? Consider selecting a smaller width.
Comments
Post a Comment