Page size to fit all monitors

J

John Prescott

How do I get my pages to fit all monitors? If I design a page in say
1024 x 768 pixels, when viewed on a 800 x 600 monitor, the page goes
off the edge of the screen.

John
 
M

Mike Mueller

John,
Don't set up your page to fit a specific size monitor. Put
all of your content into a 1x1 table with height & width set
to 100%. This will setup your page to resize as necessary
for different monitors.

Mike


John Prescott wrote:
: How do I get my pages to fit all monitors? If I design a
: page in say 1024 x 768 pixels, when viewed on a 800 x 600
: monitor, the page goes off the edge of the screen.
:
: John
 
M

Murray

You have to use flexible page layout methods. One way would be to use
tables with percent widths. You just have to make sure that no aggregate
content width is greater than the minimum width viewport you want to
support. For example, if you have decided you want to only support 800x600
screens, then you cannot have any horizontal aggregate of element widths
wider than 760px, as in images, or tables, or whatever.
 
J

Jens Peter Karlsen[FP MVP]

Use percentages when you specify sizes for tables and the like. Make
sure no image is wider than 580px.

Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.
 
M

Murray

Re: Page size to fit all monitorsOnly if you want to support 640px viewports, however.

--
Murray

Use percentages when you specify sizes for tables and the like. Make sure no image is wider than 580px.

Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.
 
S

Steve Easton

FWIW, tables shouldn't have height specified as it won't validate.
( for those who are "into" validation )

Also table height is always automatically at 100% of the "content" it contains.


--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer
 
M

Murray

FWIW, tables shouldn't have height specified as it won't validate.
( for those who are "into" validation )

Not only that, but if it's used on a page with a complete and valid doctype,
the height attributes will all be ignored.
 
M

Mike Mueller

OK already. Typing in height was a mistake. Mine all have
only the width defined as 100%.


:> FWIW, tables shouldn't have height specified as it won't
validate.
: > ( for those who are "into" validation )
:
: Not only that, but if it's used on a page with a complete
and valid doctype,
: the height attributes will all be ignored.
:
: --
: Murray
:
: : > FWIW, tables shouldn't have height specified as it won't
validate.
: > ( for those who are "into" validation )
: >
: > Also table height is always automatically at 100% of the
"content" it
: > contains.
: >
: >
: > --
: > Steve Easton
: > Microsoft MVP FrontPage
: > 95isalive
: > This site is best viewed............
: > .......................with a computer
: >
message
: > : >> John,
: >> Don't set up your page to fit a specific size monitor.
Put
: >> all of your content into a 1x1 table with height &
width set
: >> to 100%. This will setup your page to resize as
necessary
: >> for different monitors.
: >>
: >> Mike
: >>
: >>
: >> John Prescott wrote:
: >> : How do I get my pages to fit all monitors? If I
design a
: >> : page in say 1024 x 768 pixels, when viewed on a 800 x
600
: >> : monitor, the page goes off the edge of the screen.
: >> :
: >> : John
: >>
: >>
: >
: >
:
:
 
S

Steve Easton

Not only that, but if it's used on a page with a complete and valid doctype,
the height attributes will all be ignored.

And not only that, even if the doctype is specified, when the browser hits the height attribute it
ignores the doctype and switches to Gimmick mode, causing the page to load slower.

;-)


--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer
 
S

Steve Easton

Re: Page size to fit all monitorsFor some reason the term "view port" makes me think of Star Trek
every time I see it.

;-)

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

Only if you want to support 640px viewports, however.

--
Murray

Use percentages when you specify sizes for tables and the like. Make sure no image is wider than
580px.
Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.
 
S

Steve Easton

LOL.

OK

:)

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer
 
S

Steve Easton

I meant Quirks mode.


--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer
 
M

Murray

Steve:

Where do you see that? As far as I know, hitting invalid code on a page
with a valid and complete doctype will not cause this to happen. I am
assuming that gimmick mode and quirks mode are the same.
 

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

Top