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:

  1. Remove "Overflow: Hidden".

  2. 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

Popular posts from this blog

c# - ListView onScroll event -

PHP - get image from byte array -

Linux Terminal Problem with Non-Canonical Terminal I/O app -