Web pages are too wide - Post ID 27376

User 166008 Photo


Registered User
388 posts

My pages look fine on my computer. When on another computer the pages are too wide. What causes this and how can it be corrected.

http://207.58.161.78/~cedarstr/mark/index.html
User 138688 Photo


Registered User
242 posts

I am sure someone will come along who knows more than me but when I look at the page code I see some very large dimensions to some of your tables. You might want to try to change one of these 900+ px tables to a percentage ie 100% or 75% then the table occupies that amount of whatever the screen size is. One thing I did notice on a page I created on a laptop a while ago was that the laptop screen was a lot wider that the usual old fashioned monitor. If you are designing on a laptop this might give you one view which is different from another. I do like the subtle shading that you have going for you the colour is very easy on the eyes .The site looks quite nice
Tom Mooney


User 37670 Photo


Registered User
2,138 posts

I agree with Tom. You may be using a wide table in order to prevent your horizontal links from wrapping and causing 2 lines of links. When you add the links to the left of the page + the main body, you get a wide web page. Looks good on a 19" monitor or more, but anything less and you have some side scrolling to do.

You might be able to fix this by using one size smaller text in your links, then making the box around that link smaller to accomodate the extra room you gained when resizing the font. You could save up to 100px and still keep it neet and tidy.

Be sure to check your web page at all available font sizes that could be used by the browser (something like "view/test size/ largest" on I.E. You may have your computer browser set up to view web fonts in a small size, and when you change it to larger size, things could get messy.

Good Luck,
Cliff.
E-Learning Specialist
www.mainsites.ca is my website, and yes, some of it is crappy.
User 117361 Photo


Ambassador
6,076 posts

The Z Man wrote:
My pages look fine on my computer. When on another computer the pages are too wide. What causes this and how can it be corrected.

http://207.58.161.78/~cedarstr/mark/index.html

Hi there,
I agree with what our friends here have already said.....
width !00% so that it "stretches" to all screens
Then I would set your fonts at size=-1 and then if you want something smaller anywhere, size=-2
People forgive a lot of things in web pages, but very few like side scrolling AND vertical scrolling. Either one or the other, but in preference........never horizontal.
Janys :)
User 166008 Photo


Registered User
388 posts

I do have a 19" monitor I am using. Why does the program show it as being O.K when it is not? When I did a test with my Browser I.E it showed fine? I used the visual designer and stretched the tables to meet the background that came with coffee
cup program which was number 36. I thought as long as I stayed inside the green side bars I would be fine. Boy am I getting frustrated!. Just when I do something cool something else goes to crap!

So there is no way to tell the whole page to be a certain width?

How wide is a standard page anyway?
User 117361 Photo


Ambassador
6,076 posts

The Z Man wrote:
I do have a 19" monitor I am using. Why does the program show it as being O.K when it is not? When I did a test with my Browser I.E it showed fine? I used the visual designer and stretched the tables to meet the background that came with coffee
cup program which was number 36. I thought as long as I stayed inside the green side bars I would be fine. Boy am I getting frustrated!. Just when I do something cool something else goes to crap!

So there is no way to tell the whole page to be a certain width?

How wide is a standard page anyway?

Not true.........you are doing just fine.
Just consider the screen resolutions........... mainly 1024x768 but there are still a lot of people using 800x600
(right click on your screen to go change the resolution and see how your page looks)
Then it is always wise to download several browsers to see how your page behaves......
Try IE, Opera, Netscape and Firefox.
If you get a statcounter added to your web pages (try www.statcounter.com) they will give you a daily feedback on who is using your site. The information that will interest you for web creation is definitely the percentage of users of certain screen resolutions and browsers. That way you will know how best to decide on your page sizing etc.
It is also useful to see which of your pages are most popular. If some NEVER get visited, you may even consider removing them rather than keep updating information which nobody ever visits.
But don't lose hope.......you have some good looking pages and just need to tweak a bit......
Janys ;D
User 166008 Photo


Registered User
388 posts

I did change to % on the tables instead of pixel size. I uploaded the index page I changed. Did it make any difference?
User 117361 Photo


Ambassador
6,076 posts

The Z Man wrote:
I did change to % on the tables instead of pixel size. I uploaded the index page I changed. Did it make any difference?

Here is an image of what I see....

http://www.janwyse.com/cedar.jpg

So the next thing to do is.........maybe find another "home" for that stray image over to the right.
Your total width of images really shouldn't add up to more than about 780 pixels - 800 at the outside. So do a sum of the width of the menu you made and any extra images across the page.
So even if you set up the table to stretch and squeeze, if the images and objects are wider than the average 800 (or just under) they will still force a horizontal scroll anyway.
I would also suggest that you pick a colour for the background outside all your page area, that picks up perhaps that green textured background colour.
See how you go now .......... and keep smiling 'cos you really are getting it all ok!
Ciao,
janys ;)
User 37670 Photo


Registered User
2,138 posts

Just having another look. You still have the "powered by CoffeeCup" icon picture all the way to the right side of everything. Maybe move that to the bottom of your page, and things will be better.

The rest looks good, might need a little playing around with is all.
Cliff
E-Learning Specialist
www.mainsites.ca is my website, and yes, some of it is crappy.
User 153326 Photo


Registered User
171 posts

I just viewed it on my laptop - love the colors! However, it forces a horizontal scroll for about two screens worth on my 1024x768 display.

I share your frustration btw - been working on a few sites of my own that I had that problem with, especially in IE.

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.