Scaling

User 1964159 Photo


Registered User
156 posts

The website: http://www.queens-english-society.com I have had (just a couple), of complaints that the user has to scroll left/right to view the site in comfort. I cannot understand this, because all content is within an 1100 px wrapper. The latest one asks me to use scaling in the mark-up - I don't even know what he means. It works for me in all browsers, (although good old IE shoves it all to the left.
I use external style sheets, all hand-coded.....Any ideas? On the other hand, are these to guys using pre-historic monitors? :o
User 122279 Photo


Senior Advisor
14,624 posts
Online Now

Hmmm, I think you can use 'max-width' or 'min-width' in your CSS file, but I'm not quite certain about how yet. I'll check around a bit... Maybe someone else will chime in here in the meantime.

If you have any server stats telling you what monitors your visitors have, you could adapt to that. I never make sites wider than 1000px myself, as that will allow those with 1024x768 to view it all without sideways scrolling. And I have a lot of people with that screen resolution coming to my sites.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 122279 Photo


Senior Advisor
14,624 posts
Online Now

Well, if you're up to some work...

For the wrapper you can use instead of plain width:

max-width:1100px;
min-width:1000px;


This means that it will not become wider than 1100px, even if someone has a wall-to-wall monitor, and it will not shrink below 1000px wide. Those with smaller monitors than 1024 x 768 will still have to scroll sideways. You can of course set the min-width lower.

BUT:
This is not quite without problems, as
1. It seems that IE does not understand 'min-width' so if someone narrows down the viewport to say just 50px, they may do that.
2. It will have impact on a lot of your graphics. If e.g. the header is wider than 1000px, it will pop out of the wrapper.
3. It will also play its trick on the menu, which will wrap to fit into the 1000px space.
4. It may also ruin the look of any floats you may have (I haven't checked all your pages), which will have to be redimensioned.

This is what I can think of. I don't know if someone else has a better idea for you.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 92156 Photo


Registered User
272 posts

Running FF on my 1366 x 768 laptop, the scrollbar appeared but I could read the site without having to use it.
Closing the Bookmarks panel on the left allows me to see it with pixels to spare but I usually enable the panel while surfing - perhaps your viewers do too.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.