Question

I just finished a rough draft of a site I’ve been constructing. Unfortunately, I’m starting to notice how poor the design looks both on smaller resolution screens as well as when the user shrinks his/her current screen size.

The site I’m referring to can be seen here. Furthermore, the functionality I’m looking for can be seen on most any professional site, but I especially noticed it on IBM’s site. When the screen is minimized the header content stays intact along with the rest of the site. I was looking for overlow: auto somewhere in their css, but I did not see it anywhere.

What can I change to fix this issue?

PS: I figured it would be easier to link to my site rather than posting code here. However, if you want some code just let me know and I’ll embed something in here.

Take care,
Evan

Answer 1

#full-height-template-container {
width: 1300px;  <-----  in your app here now the width is in %
border: 1px solid #262626;
height: 515px;
margin: 0 auto 20px;
overflow: auto;
}

as you see I used the width in pixels, this way the site stays intact. if this is what you need, then it’s ok.. if not, let me know and I’ll see what else can be done.