Web pages are too big for smaller screens. How to fix?

[John Blanding]

My screen is 21". Visitors with smaller screens can't see the whole page/s.

How do I fix this?

 

[David Baxter]

It's not the size of your screen or theirs... it's the display
resolution.

Set your page widths (table or div widths) to approx 700-780 pixels.
That way people can see the whole page including vertical scroll bars at
800 x 600 display resolution without having to side-scroll, and those
with larger display resolutions can see it find in a tiled browser (as
opposed to full screen).

 

[E. T. Culling]

NO, I don't believe that it will display as a 'tiled' browser!
ETC

 

[David Baxter]

Actually, I didn't say "AS a tiled browser"... I said "IN a tiled
browser (as opposed to full screen)" -- wrong word but I couldn't think
of the correct one... I meant a non-maximized browser window (long day
and I was on my way to bed about 3 hours ago).

 

[Zayin]

When dealing with this issue you must also resize your various images, icons,
menues etc.
This is a typical mistake when making webpages at high resolutions.
Always set your resloution to 1024*768 when you to check the "size" as most
internet users are using that resolution.

 

[Cheryl D Wise]

Usind1024x768 as the minimun browser size istoo big. There are still plenty
of people using 800x600 (apprx. 1/3 last I checked) as well as people who do
not browse full screen or who have a sidebars open in their browser. David's
recoomended size is closer to the mark when browser chrome is taken into
effect. Personally I like fluid web pages mut make sure they "fit" in 740px
without a horizontal scrollbar.

--
Cheryl D. Wise
MS FrontPage MVP
http://mvp.wiserways.com
http://starttoweb.com
Online instructor led web design training - Next Session June 26th

 

[David Baxter]

Exactly. If you design for 1024 x 768, you are going to annoy a
substantial number of people using lower resolutions. design for 800 x
600 and those using higher resolutions won't be inconvenienced at all.

 

[Kristie]

How do you make a page fluid???? My website is to big and there is a scroll
bar at the bottom , I've tried puting the page in a table and setting the
table as a percent so that it wouldn't matter what screen resolution someone
was using but that doesn't seem to work. I have shared borders top and to
the left, with the left having my navigation buttons on it.
TIA,

 

[Stefan B Rusynko]

Tables sizes are minimums and if your content (shared border width + page content) is too wide the table will always grow
Post a URL to your site to look at




| How do you make a page fluid???? My website is to big and there is a scroll
| bar at the bottom , I've tried puting the page in a table and setting the
| table as a percent so that it wouldn't matter what screen resolution someone
| was using but that doesn't seem to work. I have shared borders top and to
| the left, with the left having my navigation buttons on it.
| TIA,
| --
| Kristie
|
|
| "Cheryl D Wise" wrote:
|
| > Usind1024x768 as the minimun browser size istoo big. There are still plenty
| > of people using 800x600 (apprx. 1/3 last I checked) as well as people who do
| > not browse full screen or who have a sidebars open in their browser. David's
| > recoomended size is closer to the mark when browser chrome is taken into
| > effect. Personally I like fluid web pages mut make sure they "fit" in 740px
| > without a horizontal scrollbar.
| >
| > --
| > Cheryl D. Wise
| > MS FrontPage MVP
| > http://mvp.wiserways.com
| > http://starttoweb.com
| > Online instructor led web design training - Next Session June 26th
| >
| > | > > When dealing with this issue you must also resize your various images,
| > > icons,
| > > menues etc.
| > > This is a typical mistake when making webpages at high resolutions.
| > > Always set your resloution to 1024*768 when you to check the "size" as
| > > most
| > > internet users are using that resolution.
| > >
| >
| >
| >

 

[Kristie]

Thanks Stefan,
here is the url http://www.designtoolbar.com
I've been messing with it some and it seems to be a bit better.
I have some coding that doesn't show up in design view or preview and I'm
thinking that might be what the problem is.
TIA

 

[Stefan B Rusynko]

Don't make any table more that 100% (or if in pixels add up to more than ~ 740px)
- you have <table border="0" width="107%" align="left" id="table6">





| Thanks Stefan,
| here is the url http://www.designtoolbar.com
| I've been messing with it some and it seems to be a bit better.
| I have some coding that doesn't show up in design view or preview and I'm
| thinking that might be what the problem is.
| TIA
| --
| Kristie
|
|
| "Stefan B Rusynko" wrote:
|
| > Tables sizes are minimums and if your content (shared border width + page content) is too wide the table will always grow
| > Post a URL to your site to look at
| >
| > --
| >
| > _____________________________________________
| > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > "Warning - Using the F1 Key will not break anything!" (-;
| > To find the best Newsgroup for FrontPage support see:
| > http://www.net-sites.com/sitebuilder/newsgroups.asp
| > _____________________________________________
| >
| >
| > | How do you make a page fluid???? My website is to big and there is a scroll
| > | bar at the bottom , I've tried puting the page in a table and setting the
| > | table as a percent so that it wouldn't matter what screen resolution someone
| > | was using but that doesn't seem to work. I have shared borders top and to
| > | the left, with the left having my navigation buttons on it.
| > | TIA,
| > | --
| > | Kristie
| > |
| > |
| > | "Cheryl D Wise" wrote:
| > |
| > | > Usind1024x768 as the minimun browser size istoo big. There are still plenty
| > | > of people using 800x600 (apprx. 1/3 last I checked) as well as people who do
| > | > not browse full screen or who have a sidebars open in their browser. David's
| > | > recoomended size is closer to the mark when browser chrome is taken into
| > | > effect. Personally I like fluid web pages mut make sure they "fit" in 740px
| > | > without a horizontal scrollbar.
| > | >
| > | > --
| > | > Cheryl D. Wise
| > | > MS FrontPage MVP
| > | > http://mvp.wiserways.com
| > | > http://starttoweb.com
| > | > Online instructor led web design training - Next Session June 26th
| > | >
| > | > | > | > > When dealing with this issue you must also resize your various images,
| > | > > icons,
| > | > > menues etc.
| > | > > This is a typical mistake when making webpages at high resolutions.
| > | > > Always set your resloution to 1024*768 when you to check the "size" as
| > | > > most
| > | > > internet users are using that resolution.
| > | > >
| > | >
| > | >
| > | >
| >
| >
| >

 

[Kristie]

I checked my whole site and didn't find the table you mentioned , but it
did give me the opportunity to adjust all of my tables.
Thanks you for your help.
Regards,
--
Kristie

Don't make any table more that 100% (or if in pixels add up to more than ~ 740px)
- you have <table border="0" width="107%" align="left" id="table6">





| Thanks Stefan,
| here is the url http://www.designtoolbar.com
| I've been messing with it some and it seems to be a bit better.
| I have some coding that doesn't show up in design view or preview and I'm
| thinking that might be what the problem is.
| TIA
| --
| Kristie
|
|
| "Stefan B Rusynko" wrote:
|
| > Tables sizes are minimums and if your content (shared border width + page content) is too wide the table will always grow
| > Post a URL to your site to look at
| >
| > --
| >
| > _____________________________________________
| > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > "Warning - Using the F1 Key will not break anything!" (-;
| > To find the best Newsgroup for FrontPage support see:
| > http://www.net-sites.com/sitebuilder/newsgroups.asp
| > _____________________________________________
| >
| >
| > | How do you make a page fluid???? My website is to big and there is a scroll
| > | bar at the bottom , I've tried puting the page in a table and setting the
| > | table as a percent so that it wouldn't matter what screen resolution someone
| > | was using but that doesn't seem to work. I have shared borders top and to
| > | the left, with the left having my navigation buttons on it.
| > | TIA,
| > | --
| > | Kristie
| > |
| > |
| > | "Cheryl D Wise" wrote:
| > |
| > | > Usind1024x768 as the minimun browser size istoo big. There are still plenty
| > | > of people using 800x600 (apprx. 1/3 last I checked) as well as people who do
| > | > not browse full screen or who have a sidebars open in their browser. David's
| > | > recoomended size is closer to the mark when browser chrome is taken into
| > | > effect. Personally I like fluid web pages mut make sure they "fit" in 740px
| > | > without a horizontal scrollbar.
| > | >
| > | > --
| > | > Cheryl D. Wise
| > | > MS FrontPage MVP
| > | > http://mvp.wiserways.com
| > | > http://starttoweb.com
| > | > Online instructor led web design training - Next Session June 26th
| > | >
| > | > | > | > > When dealing with this issue you must also resize your various images,
| > | > > icons,
| > | > > menues etc.
| > | > > This is a typical mistake when making webpages at high resolutions.
| > | > > Always set your resloution to 1024*768 when you to check the "size" as
| > | > > most
| > | > > internet users are using that resolution.
| > | > >
| > | >
| > | >
| > | >
| >
| >
| >

 

[Stefan B Rusynko]

Guess you didn't search far enough
It is in you left shared border page in the _borders folder at
http://www.designtoolbar.com/_borders/left.htm
Tools Site Settings Advanced - Show Hidden Folders




|I checked my whole site and didn't find the table you mentioned , but it
| did give me the opportunity to adjust all of my tables.
| Thanks you for your help.
| Regards,
| --
| Kristie
|
|
| "Stefan B Rusynko" wrote:
|
| > Don't make any table more that 100% (or if in pixels add up to more than ~ 740px)
| > - you have <table border="0" width="107%" align="left" id="table6">
| >
| >
| > --
| >
| > _____________________________________________
| > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > "Warning - Using the F1 Key will not break anything!" (-;
| > To find the best Newsgroup for FrontPage support see:
| > http://www.net-sites.com/sitebuilder/newsgroups.asp
| > _____________________________________________
| >
| >
| > | Thanks Stefan,
| > | here is the url http://www.designtoolbar.com
| > | I've been messing with it some and it seems to be a bit better.
| > | I have some coding that doesn't show up in design view or preview and I'm
| > | thinking that might be what the problem is.
| > | TIA
| > | --
| > | Kristie
| > |
| > |
| > | "Stefan B Rusynko" wrote:
| > |
| > | > Tables sizes are minimums and if your content (shared border width + page content) is too wide the table will always grow
| > | > Post a URL to your site to look at
| > | >
| > | > --
| > | >
| > | > _____________________________________________
| > | > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > | > "Warning - Using the F1 Key will not break anything!" (-;
| > | > To find the best Newsgroup for FrontPage support see:
| > | > http://www.net-sites.com/sitebuilder/newsgroups.asp
| > | > _____________________________________________
| > | >
| > | >
| > | > | How do you make a page fluid???? My website is to big and there is a scroll
| > | > | bar at the bottom , I've tried puting the page in a table and setting the
| > | > | table as a percent so that it wouldn't matter what screen resolution someone
| > | > | was using but that doesn't seem to work. I have shared borders top and to
| > | > | the left, with the left having my navigation buttons on it.
| > | > | TIA,
| > | > | --
| > | > | Kristie
| > | > |
| > | > |
| > | > | "Cheryl D Wise" wrote:
| > | > |
| > | > | > Usind1024x768 as the minimun browser size istoo big. There are still plenty
| > | > | > of people using 800x600 (apprx. 1/3 last I checked) as well as people who do
| > | > | > not browse full screen or who have a sidebars open in their browser. David's
| > | > | > recoomended size is closer to the mark when browser chrome is taken into
| > | > | > effect. Personally I like fluid web pages mut make sure they "fit" in 740px
| > | > | > without a horizontal scrollbar.
| > | > | >
| > | > | > --
| > | > | > Cheryl D. Wise
| > | > | > MS FrontPage MVP
| > | > | > http://mvp.wiserways.com
| > | > | > http://starttoweb.com
| > | > | > Online instructor led web design training - Next Session June 26th
| > | > | >
| > | > | > | > | > | > > When dealing with this issue you must also resize your various images,
| > | > | > > icons,
| > | > | > > menues etc.
| > | > | > > This is a typical mistake when making webpages at high resolutions.
| > | > | > > Always set your resloution to 1024*768 when you to check the "size" as
| > | > | > > most
| > | > | > > internet users are using that resolution.
| > | > | > >
| > | > | >
| > | > | >
| > | > | >
| > | >
| > | >
| > | >
| >
| >
| >

 

[Kristie]

Stefan,
Yo are awesome! thanks so much, I didn't even know how to make the
borders pages show up in the folder section. Thanks for thinking to put the
instructions in your post. It's fixed now I hope.
--
Kristie

Guess you didn't search far enough
It is in you left shared border page in the _borders folder at
http://www.designtoolbar.com/_borders/left.htm
Tools Site Settings Advanced - Show Hidden Folders




|I checked my whole site and didn't find the table you mentioned , but it
| did give me the opportunity to adjust all of my tables.
| Thanks you for your help.
| Regards,
| --
| Kristie
|
|
| "Stefan B Rusynko" wrote:
|
| > Don't make any table more that 100% (or if in pixels add up to more than ~ 740px)
| > - you have <table border="0" width="107%" align="left" id="table6">
| >
| >
| > --
| >
| > _____________________________________________
| > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > "Warning - Using the F1 Key will not break anything!" (-;
| > To find the best Newsgroup for FrontPage support see:
| > http://www.net-sites.com/sitebuilder/newsgroups.asp
| > _____________________________________________
| >
| >
| > | Thanks Stefan,
| > | here is the url http://www.designtoolbar.com
| > | I've been messing with it some and it seems to be a bit better.
| > | I have some coding that doesn't show up in design view or preview and I'm
| > | thinking that might be what the problem is.
| > | TIA
| > | --
| > | Kristie
| > |
| > |
| > | "Stefan B Rusynko" wrote:
| > |
| > | > Tables sizes are minimums and if your content (shared border width + page content) is too wide the table will always grow
| > | > Post a URL to your site to look at
| > | >
| > | > --
| > | >
| > | > _____________________________________________
| > | > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > | > "Warning - Using the F1 Key will not break anything!" (-;
| > | > To find the best Newsgroup for FrontPage support see:
| > | > http://www.net-sites.com/sitebuilder/newsgroups.asp
| > | > _____________________________________________
| > | >
| > | >
| > | > | How do you make a page fluid???? My website is to big and there is a scroll
| > | > | bar at the bottom , I've tried puting the page in a table and setting the
| > | > | table as a percent so that it wouldn't matter what screen resolution someone
| > | > | was using but that doesn't seem to work. I have shared borders top and to
| > | > | the left, with the left having my navigation buttons on it.
| > | > | TIA,
| > | > | --
| > | > | Kristie
| > | > |
| > | > |
| > | > | "Cheryl D Wise" wrote:
| > | > |
| > | > | > Usind1024x768 as the minimun browser size istoo big. There are still plenty
| > | > | > of people using 800x600 (apprx. 1/3 last I checked) as well as people who do
| > | > | > not browse full screen or who have a sidebars open in their browser. David's
| > | > | > recoomended size is closer to the mark when browser chrome is taken into
| > | > | > effect. Personally I like fluid web pages mut make sure they "fit" in 740px
| > | > | > without a horizontal scrollbar.
| > | > | >
| > | > | > --
| > | > | > Cheryl D. Wise
| > | > | > MS FrontPage MVP
| > | > | > http://mvp.wiserways.com
| > | > | > http://starttoweb.com
| > | > | > Online instructor led web design training - Next Session June 26th
| > | > | >
| > | > | > | > | > | > > When dealing with this issue you must also resize your various images,
| > | > | > > icons,
| > | > | > > menues etc.
| > | > | > > This is a typical mistake when making webpages at high resolutions.
| > | > | > > Always set your resloution to 1024*768 when you to check the "size" as
| > | > | > > most
| > | > | > > internet users are using that resolution.
| > | > | > >
| > | > | >
| > | > | >
| > | > | >
| > | >
| > | >
| > | >
| >
| >
| >

 

[jason Nolan needs help fast]

my web pages are to big for my screen how do i make the windows smaller to
fit my screen
jason nolan

 

[Kristie]

Right click on your table and go to table properties, have the width in
percentage not pixel and have it be less than 100%, it should adjust for any
screen size and resolution.