Fitting page to browser

@BurnCKJul 15.2004

Can anyone tell me the best way (or point me in the right direction) to get a web page to fit 100% in a browser, no matter what the resolution, but also so that the tables dont collapse when the browser size is changed.

At the moment Im making web pages in 800 x 600, so I always have a border on the right when viewed in a higher res.

to post a comment

HTML

@FusionArtworksJul 15.2004 — #Set your [B]TABLE WIDTH[/B] attributes to 100%. That way the the web page will fill the screen no matter what the resolution of the users screen.

@BurnCKauthorJul 18.2004 — #But then any tables that have text in them change when the browser size is changed...images too. How to I stop the tables changing size when some one shrinks their browser size ?

Like this forum for example. If you make your browser smaller then you just get scroll bars rather than the page being re-arranged.

@MstrBobJul 18.2004 — #Well, this forum uses fixed width. And you shouldn't be nesting tables or using tables for layout anyway. But a website should be able to resize, methinks. What are you doing that it is absolutely necessary to have a fixed width?

@BurnCKauthorJul 18.2004 — #It doesnt have to be fixed width, I just dont like the way the layout changes when the browser is reduced in size.

@MstrBobJul 18.2004 — #Well, a well designed website SHOULD resize with the browser's size [I]to a point[/I]. When you start getting to 400px, just forget about it. But it should look good un-maximized on a 800*600 screen, IMO. But it should also be able get larger, which is usually easier than downsizing, since I growing number of users have higher res screens. If IE were to EVER implement the webstandards, we could use the CSS atributes

min-width

max-width

min-height

max-height

But since Internet Explorer is evil and won't support CSS, and since 94% of web users use IE, they're useless for now. ? In the meantime, make your widths percentages, and if an annoying border is appearing on the left, use

style="border-left:0px;" in whichever tag is causing the issue.

Fitting page to browser

5 Comments(s) _↴

Also in #HTML _↴

Success!

Social

Version

Fitting page to browser

5 Comments(s) ↴

Also in #HTML ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

5 Comments(s) _↴

Also in #HTML _↴