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

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

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

How do I fix this?
 
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).
 
NO, I don't believe that it will display as a 'tiled' browser!
ETC
 
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).
 
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.
 
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
 
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.
 
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,
 
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.
| > >
| >
| >
| >
 
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
 
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.
| > | > >
| > | >
| > | >
| > | >
| >
| >
| >
 
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 said:
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.
| > | > >
| > | >
| > | >
| > | >
| >
| >
| >
 
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.
| > | > | > >
| > | > | >
| > | > | >
| > | > | >
| > | >
| > | >
| > | >
| >
| >
| >
 
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


Stefan B Rusynko said:
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.
| > | > | > >
| > | > | >
| > | > | >
| > | > | >
| > | >
| > | >
| > | >
| >
| >
| >
 
my web pages are to big for my screen how do i make the windows smaller to
fit my screen
jason nolan
 
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.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Back
Top