Welcome to WebmasterWorld Guest from

Forum Moderators: brotherhood of lan & mack

Message Too Old, No Replies

Website To Adjust To Browser Size

My website is bigger in some browsers



12:15 am on Jan 16, 2009 (gmt 0)

5+ Year Member

I have a problem. I have several websites and I have two different computers, one with a 17 inch monitor and one with a 21 inch monitor. Some of my websites require you to scroll to the right to see some of the website, while others seem to simply adjust to the browser size on the smaller computer. Is there some kind of code that can be placed on the website to make it 'shrink to fit the browser size'.

I have several Wordpress blogs and regular HTML websites help would be appreciated for both types of sites.


1:56 pm on Jan 16, 2009 (gmt 0)

WebmasterWorld Senior Member piatkow is a WebmasterWorld Top Contributor of All Time 5+ Year Member

"Shrink to fit" is the default behaviour. If the site doesn't adjust then it means that you have included elements that prevent it from doing so.

There are a variety of ways in which a fixed width element can be included in a web page. Without taking your coding apart it would be pure guesswork and could be anything from absolute positioning in a stylesheet to the size and position of an image.

People often have this problem when they use third party templates for their site and don't know exactly what it is doing.


4:53 pm on Jan 18, 2009 (gmt 0)

5+ Year Member

Actually I have never seen the shrink to fit option on either front page or Sharepoint designer....

Is that a one click option?


5:40 pm on Jan 18, 2009 (gmt 0)

WebmasterWorld Senior Member piatkow is a WebmasterWorld Top Contributor of All Time 5+ Year Member

It isn't an option. You have to explicitly do something to stop it happening.

Corey Bryant

6:41 pm on Jan 18, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

I actually wrote about something similar a couple of weeks ago and tried to give screen shots as well. And if you search for website to fit screen you will find some other answers as well.

Unfortunately, there is no easy way to do this. You can use percentages to help control the width, but I understand that if you are trying to control a few things - using a fluid layout can be difficult.

The problem lies is assumptions. First, you are assuming the user has his browser maximized. This might be the case on some resolutions, but possibly not on higher resolutions. For example, I have 1920X1200 resolution, but Microsoft IE is set up at 1280X1024. To my knowledge, you can detect resolution but you cannot detect what size I might have.

Plus, you are assuming the user does not have the favorites / history tool bar opened. This could cost you about 300 pixels or more.


Featured Threads

Hot Threads This Week

Hot Threads This Month