I've been designing a website which looks great on my machine and when
viewed with my default browser (1024x768). However, when I view online
or preview where the resolution is set to 800X600 I need to scroll
across to see all of the right hand of the screen.

This has become a problem since I started using layouts in FP 2003.
Previously I just typed without layout tables and cells and the result
worked in all browsers and resolutions. I understand that I now have a
lefthand link bar cell that pushes text to the right, but there has to
be a simple way for people to read my pages regardless of resolution

Explanation:

As far as I know there isn't code that will do this for you.

A users screen resolution doesnt broadcast to the web at this time. This
means the code wouldnt know what the users screen resolution is.

Wouldnt it be great if you could go to options in internet explorer or
Mozilla and tell the browser what screen resolution you were using. Then it
could interact with code. But it doesnt

Solution:

Design all your work at 800 x 600. Use stretching tables to fill in the
empty space accordingly.

That's it!

Hope this helps. Oh yeah if there is code that does this I'd like to use it
on all my sites.

here's a few

www.planetbabble.com/flash.htm

www.paintingandwaterproofing.com

www.lmwmarketing.com (under construction)

www.coolbarstuff.com (flash site)

www.aquatulle.com (if it's even up anymore)

www.bayareawindow.com (old site)

Take care Michael

"Art" <(E-Mail Removed)> wrote in message
news:lXSBf.6428$(E-Mail Removed)...
> I've been designing a website which looks great on my machine and when
> viewed with my default browser (1024x768). However, when I view online or
> preview where the resolution is set to 800X600 I need to scroll across to
> see all of the right hand of the screen.
>
> This has become a problem since I started using layouts in FP 2003.
> Previously I just typed without layout tables and cells and the result
> worked in all browsers and resolutions. I understand that I now have a
> lefthand link bar cell that pushes text to the right, but there has to be
> a simple way for people to read my pages regardless of resolution

Yes, you can do this with Javascript.

The script detects the screen res, and can load an appropriate version of
the page for that resolution.

The other simple way is to design for the *minimum* size you think people
will use eg 800x600, and use tables to do the layout and use percentages
(rather than pixels) when specifying table width size which then adjust that
percentage of the screen in whatever resolution.


"Michael Hemphill" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> Explanation:
>
> As far as I know there isn't code that will do this for you.
>
> A users screen resolution doesnt broadcast to the web at this time. This
> means the code wouldnt know what the users screen resolution is.
>
> Wouldnt it be great if you could go to options in internet explorer or
> Mozilla and tell the browser what screen resolution you were using. Then
> it could interact with code. But it doesnt
>
> Solution:
>
> Design all your work at 800 x 600. Use stretching tables to fill in the
> empty space accordingly.
>
> That's it!
>
> Hope this helps. Oh yeah if there is code that does this I'd like to use
> it on all my sites.
>
> here's a few
>
> www.planetbabble.com/flash.htm
>
> www.paintingandwaterproofing.com
>
> www.lmwmarketing.com (under construction)
>
> www.coolbarstuff.com (flash site)
>
> www.aquatulle.com (if it's even up anymore)
>
> www.bayareawindow.com (old site)
>
> Take care Michael
>
> "Art" <(E-Mail Removed)> wrote in message
> news:lXSBf.6428$(E-Mail Removed)...
>> I've been designing a website which looks great on my machine and when
>> viewed with my default browser (1024x768). However, when I view online
>> or preview where the resolution is set to 800X600 I need to scroll across
>> to see all of the right hand of the screen.
>>
>> This has become a problem since I started using layouts in FP 2003.
>> Previously I just typed without layout tables and cells and the result
>> worked in all browsers and resolutions. I understand that I now have a
>> lefthand link bar cell that pushes text to the right, but there has to be
>> a simple way for people to read my pages regardless of resolution
>
>

Resolution has nothing to do with it.

--
Murray
--------------
MVP FrontPage


"Andrew Murray" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> Yes, you can do this with Javascript.
>
> The script detects the screen res, and can load an appropriate version of
> the page for that resolution.
>
> The other simple way is to design for the *minimum* size you think people
> will use eg 800x600, and use tables to do the layout and use percentages
> (rather than pixels) when specifying table width size which then adjust
> that percentage of the screen in whatever resolution.
>
>
> "Michael Hemphill" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
>> Explanation:
>>
>> As far as I know there isn't code that will do this for you.
>>
>> A users screen resolution doesnt broadcast to the web at this time. This
>> means the code wouldnt know what the users screen resolution is.
>>
>> Wouldnt it be great if you could go to options in internet explorer or
>> Mozilla and tell the browser what screen resolution you were using. Then
>> it could interact with code. But it doesnt
>>
>> Solution:
>>
>> Design all your work at 800 x 600. Use stretching tables to fill in the
>> empty space accordingly.
>>
>> That's it!
>>
>> Hope this helps. Oh yeah if there is code that does this I'd like to use
>> it on all my sites.
>>
>> here's a few
>>
>> www.planetbabble.com/flash.htm
>>
>> www.paintingandwaterproofing.com
>>
>> www.lmwmarketing.com (under construction)
>>
>> www.coolbarstuff.com (flash site)
>>
>> www.aquatulle.com (if it's even up anymore)
>>
>> www.bayareawindow.com (old site)
>>
>> Take care Michael
>>
>> "Art" <(E-Mail Removed)> wrote in message
>> news:lXSBf.6428$(E-Mail Removed)...
>>> I've been designing a website which looks great on my machine and when
>>> viewed with my default browser (1024x768). However, when I view online
>>> or preview where the resolution is set to 800X600 I need to scroll
>>> across to see all of the right hand of the screen.
>>>
>>> This has become a problem since I started using layouts in FP 2003.
>>> Previously I just typed without layout tables and cells and the result
>>> worked in all browsers and resolutions. I understand that I now have a
>>> lefthand link bar cell that pushes text to the right, but there has to
>>> be a simple way for people to read my pages regardless of resolution
>>
>>
>
>

Thanks, everyone. I'll try the 800x600 tables.

Art

Art wrote:
> I've been designing a website which looks great on my machine and when
> viewed with my default browser (1024x768). However, when I view online
> or preview where the resolution is set to 800X600 I need to scroll
> across to see all of the right hand of the screen.
>
> This has become a problem since I started using layouts in FP 2003.
> Previously I just typed without layout tables and cells and the result
> worked in all browsers and resolutions. I understand that I now have a
> lefthand link bar cell that pushes text to the right, but there has to
> be a simple way for people to read my pages regardless of resolution

About the only (almost) universal way to do it is with CSS.

Here is a test page that fits in nearly all size screens (though some of the
graphics are oversized at low rez - it is just a test page I use for various
browsers etc) by having a liquid center section that resizes automatically
with screen width:

http://www.solar-electric.com/test1.html

You can come somewhat close by using percentage columns in tables.

"Art" <(E-Mail Removed)> wrote in message
news:Y9WBf.5615$(E-Mail Removed)...
> Thanks, everyone. I'll try the 800x600 tables.

If you don't want a scroll bar on 800 X 600 resolution screens, you'll
need to set width at 760 pixels.

Tom J

It does have something to do with it; the screen resolution determines the
upper limit to the pixel dimensions that user's browser viewport will have.
Useful information, n'est-ce pas? :-)

I just wish that you (and others) would say something more like, "Resolution
isn't the only factor, and it's misleading to focus on it. Browser window
size is the main consideration", or something.

I'm just saying. :-)


--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--



"Murray" <(E-Mail Removed)> wrote in message
news:%(E-Mail Removed)...
> Resolution has nothing to do with it.
>
> --
> Murray
> --------------
> MVP FrontPage
>
>
> "Andrew Murray" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
>> Yes, you can do this with Javascript.
>>
>> The script detects the screen res, and can load an appropriate version of
>> the page for that resolution.
>>
>> The other simple way is to design for the *minimum* size you think people
>> will use eg 800x600, and use tables to do the layout and use percentages
>> (rather than pixels) when specifying table width size which then adjust
>> that percentage of the screen in whatever resolution.
>>
>>
>> "Michael Hemphill" <(E-Mail Removed)> wrote in message
>> news:(E-Mail Removed)...
>>> Explanation:
>>>
>>> As far as I know there isn't code that will do this for you.
>>>
>>> A users screen resolution doesnt broadcast to the web at this time.
>>> This means the code wouldnt know what the users screen resolution is.
>>>
>>> Wouldnt it be great if you could go to options in internet explorer or
>>> Mozilla and tell the browser what screen resolution you were using.
>>> Then it could interact with code. But it doesnt
>>>
>>> Solution:
>>>
>>> Design all your work at 800 x 600. Use stretching tables to fill in the
>>> empty space accordingly.
>>>
>>> That's it!
>>>
>>> Hope this helps. Oh yeah if there is code that does this I'd like to
>>> use it on all my sites.
>>>
>>> here's a few
>>>
>>> www.planetbabble.com/flash.htm
>>>
>>> www.paintingandwaterproofing.com
>>>
>>> www.lmwmarketing.com (under construction)
>>>
>>> www.coolbarstuff.com (flash site)
>>>
>>> www.aquatulle.com (if it's even up anymore)
>>>
>>> www.bayareawindow.com (old site)
>>>
>>> Take care Michael
>>>
>>> "Art" <(E-Mail Removed)> wrote in message
>>> news:lXSBf.6428$(E-Mail Removed)...
>>>> I've been designing a website which looks great on my machine and when
>>>> viewed with my default browser (1024x768). However, when I view online
>>>> or preview where the resolution is set to 800X600 I need to scroll
>>>> across to see all of the right hand of the screen.
>>>>
>>>> This has become a problem since I started using layouts in FP 2003.
>>>> Previously I just typed without layout tables and cells and the result
>>>> worked in all browsers and resolutions. I understand that I now have a
>>>> lefthand link bar cell that pushes text to the right, but there has to
>>>> be a simple way for people to read my pages regardless of resolution
>>>
>>>
>>
>>
>
>

Although that's a good method, CSS is definitely not the only way to do it.
Tables do a fine job of creating "liquid" layouts.

--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--



"Windsun" <wind-(E-Mail Removed)> wrote in message
news:ydWBf.5898$(E-Mail Removed)...
> About the only (almost) universal way to do it is with CSS.
>
> Here is a test page that fits in nearly all size screens (though some of
> the graphics are oversized at low rez - it is just a test page I use for
> various browsers etc) by having a liquid center section that resizes
> automatically with screen width:
>
> http://www.solar-electric.com/test1.html
>
> You can come somewhat close by using percentage columns in tables.
>

It really is only distantly related. On any given resolution screen, I can
duplicate the appearance of any browser window on any smaller resolution
screen by merely changing my viewport width and height.

We have already discussed this many time. There is no direct relationship
between resolution and browser viewport width/height, other than the maximum
achievable values.

--
Murray
--------------
MVP FrontPage


"P@tty Ayers" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> It does have something to do with it; the screen resolution determines the
> upper limit to the pixel dimensions that user's browser viewport will
> have. Useful information, n'est-ce pas? :-)
>
> I just wish that you (and others) would say something more like,
> "Resolution isn't the only factor, and it's misleading to focus on it.
> Browser window size is the main consideration", or something.
>
> I'm just saying. :-)
>
>
> --
> Patty Ayers | www.WebDevBiz.com
> Free Articles on the Business of Web Development
> Web Design Contract, Estimate Request Form, Estimate Worksheet
> --
>
>
>
> "Murray" <(E-Mail Removed)> wrote in message
> news:%(E-Mail Removed)...
>> Resolution has nothing to do with it.
>>
>> --
>> Murray
>> --------------
>> MVP FrontPage
>>
>>
>> "Andrew Murray" <(E-Mail Removed)> wrote in message
>> news:(E-Mail Removed)...
>>> Yes, you can do this with Javascript.
>>>
>>> The script detects the screen res, and can load an appropriate version
>>> of the page for that resolution.
>>>
>>> The other simple way is to design for the *minimum* size you think
>>> people will use eg 800x600, and use tables to do the layout and use
>>> percentages (rather than pixels) when specifying table width size which
>>> then adjust that percentage of the screen in whatever resolution.
>>>
>>>
>>> "Michael Hemphill" <(E-Mail Removed)> wrote in message
>>> news:(E-Mail Removed)...
>>>> Explanation:
>>>>
>>>> As far as I know there isn't code that will do this for you.
>>>>
>>>> A users screen resolution doesnt broadcast to the web at this time.
>>>> This means the code wouldnt know what the users screen resolution is.
>>>>
>>>> Wouldnt it be great if you could go to options in internet explorer or
>>>> Mozilla and tell the browser what screen resolution you were using.
>>>> Then it could interact with code. But it doesnt
>>>>
>>>> Solution:
>>>>
>>>> Design all your work at 800 x 600. Use stretching tables to fill in
>>>> the empty space accordingly.
>>>>
>>>> That's it!
>>>>
>>>> Hope this helps. Oh yeah if there is code that does this I'd like to
>>>> use it on all my sites.
>>>>
>>>> here's a few
>>>>
>>>> www.planetbabble.com/flash.htm
>>>>
>>>> www.paintingandwaterproofing.com
>>>>
>>>> www.lmwmarketing.com (under construction)
>>>>
>>>> www.coolbarstuff.com (flash site)
>>>>
>>>> www.aquatulle.com (if it's even up anymore)
>>>>
>>>> www.bayareawindow.com (old site)
>>>>
>>>> Take care Michael
>>>>
>>>> "Art" <(E-Mail Removed)> wrote in message
>>>> news:lXSBf.6428$(E-Mail Removed)...
>>>>> I've been designing a website which looks great on my machine and when
>>>>> viewed with my default browser (1024x768). However, when I view
>>>>> online or preview where the resolution is set to 800X600 I need to
>>>>> scroll across to see all of the right hand of the screen.
>>>>>
>>>>> This has become a problem since I started using layouts in FP 2003.
>>>>> Previously I just typed without layout tables and cells and the result
>>>>> worked in all browsers and resolutions. I understand that I now have
>>>>> a lefthand link bar cell that pushes text to the right, but there has
>>>>> to be a simple way for people to read my pages regardless of
>>>>> resolution
>>>>
>>>>
>>>
>>>
>>
>>
>
>