Improve company productivity with a Business Account.Sign Up

x
?
Solved

Web pages move if windows has to add a scroll bar on long pages.  Workaround ?

Posted on 2011-09-12
3
Medium Priority
?
271 Views
Last Modified: 2012-05-12
I am working on a website for a friend, and I have basic knowledge of css & html.  I want all of the pages to be anchored in the exact same spot (left to right, and distance from the top).  They are all based on the same Dreamweaver template.  The problem that I have (which I admit is pretty nitpicky) is that when any of the pages are too long to fit vertically on the screen, Windows adds scrollbars on the right side of the screen display so that the user can scroll down to see the entire webpage.  That shifts the longer pages to left by a width 1/2 of the scrollbars because my left and right margins are set to auto, and the Windows scrollbars decrease the available screen width.

I like having the padding set to auto so that it is easy to center the page for any screen resolution, but maybe there is a way to get the screen resolution, then calculate what a fixed left margin would be so that the pages would appear to be always in the middle and not move even if the scrollbars appeared on the long pages and reduced the screen width by a bit....  Or maybe there is another way.

Is there something cool and easy that I could do to get around this, or is it more trouble than it is worth ?

Thanks !
0
Comment
Question by:Kevin
  • 2
3 Comments
 
LVL 30

Accepted Solution

by:
LZ1 earned 2000 total points
ID: 36522714
Have you taken a look at this?
http://haslayout.net/css-tuts/Fixing-Page-Shift-Problem

IMHO I think it's more trouble than it's worth. IE is an inferior browser with more quirks than people know what to do with.  You may find that you NEED to fix this, so the fix above should be all you need.
0
 

Author Closing Comment

by:Kevin
ID: 36522987
Perfect.  Now I just need to decided as you suggest whether it is worth the trouble.  Thanks!
0
 
LVL 30

Expert Comment

by:LZ1
ID: 36523037
That's the hardest part now. ;)  Good luck!
0

Featured Post

What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

589 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question