Website displayed at different resolutions doesn't look righ

For system help, all hardware / software topics NOTE: use Coders Corner for all coders topics.

Moderators: Krom, Grendel

Post Reply
User avatar
thewolfe
DBB Admiral
DBB Admiral
Posts: 1987
Joined: Tue Nov 05, 2002 3:01 am
Contact:

Website displayed at different resolutions doesn't look righ

Post by thewolfe »

Website displayed at different resolutions doesn't look right.

I use 800x600 on my monitor and designed my site (still working on it)using that view.

When I go on at a higher res it doesn't fill the the screen.

Is there a way to have it look correct no matter what the res? Or should I design it at the highest res and then have viewer with lower res use the scroll bar?

Or I'm sure there are other ways.

Designed the website about 3 years ago with no prior experience, using a "Frontpage" book and just getting back into again.
User avatar
CDN_Merlin
DBB_Master
DBB_Master
Posts: 9781
Joined: Thu Nov 05, 1998 12:01 pm
Location: Capital Of Canada

Post by CDN_Merlin »

I believe you can't automatically resize it for different resolutions. Better to set it to 800x600 and higher resolution users will have the page cenetered.
User avatar
thewolfe
DBB Admiral
DBB Admiral
Posts: 1987
Joined: Tue Nov 05, 2002 3:01 am
Contact:

Post by thewolfe »

That was my original problem.

Someone w/ high res viewed the site and it was not in the middle.
User avatar
Jeff250
DBB Master
DBB Master
Posts: 6539
Joined: Sun Sep 05, 1999 2:01 am
Location: ❄️❄️❄️

Post by Jeff250 »

To fill the screen, simply use %'s instead of pixels. Instead of 'width:400px' (CSS) or 'width="400"' (HTML) on your 800x600 monitor, try 'width:50%' or 'width="50%"'. The math is fairly straightforward.

edit: Frontpage also has the option for %'s, so adjust your site to use them instead of pixels.
User avatar
thewolfe
DBB Admiral
DBB Admiral
Posts: 1987
Joined: Tue Nov 05, 2002 3:01 am
Contact:

Post by thewolfe »

Jeff250,

My problem is that I created the webpage using FrontPage 3 years ago and I can't figure out from looking at the html for it what is what. I see three or four widths and heights.

Can't tell which one if any is for the whole table.

Any suggestions as to what I should be looking for?
User avatar
Mobius
DBB_Master
DBB_Master
Posts: 7940
Joined: Sun Jun 03, 2001 2:01 am
Location: Christchurch, New Zealand
Contact:

Post by Mobius »

You need the DIV ALIGN="CENTER" tag. Just add < and > before and after the tag. Use >/DIV< at the end of the page.

Don't use %age width. That bites hard.

Lines longer than about 80 characters are VERY hard to read.

Keep your main content table(s) at 600 pixels wide or under to permit easy reading of the site.

People at high resolution rarely maximise a browser window unless it's to view VERY large images. Most restrict the width to about 800-1000 pixels because web pages fit nicely within it.

I'm at 2560x1024 screen res, and the only time I maximise across two screens is to view NASA images - or web pages designed by idiots...
User avatar
Jeff250
DBB Master
DBB Master
Posts: 6539
Joined: Sun Sep 05, 1999 2:01 am
Location: ❄️❄️❄️

Post by Jeff250 »

Your difficulty reading sites with % widths would explain your difficulties with the DBB. ;)

But, seriously, the reasons you stated are exactly why I *would* recommend %'s. As you said, most people (myself included) browse in a window size that is most comfortable to them to begin with, so dynamic width can't hurt, only help. And if they don't browse in a window size that's not comfortable, then they have nobody to blaim but themselves, and, additionally, they will have trouble reading 90% of the sites on the internet. Plus, dynamic widths can usually scale down (unless there's large images or something) so that anyone at lower resolutions or viewing the site on some sort of non-PC device that I can't really imagine but that I'm sure exists can view the site with ease too.
User avatar
Jeff250
DBB Master
DBB Master
Posts: 6539
Joined: Sun Sep 05, 1999 2:01 am
Location: ❄️❄️❄️

Post by Jeff250 »

thewolfe wrote:Jeff250,

My problem is that I created the webpage using FrontPage 3 years ago and I can't figure out from looking at the html for it what is what. I see three or four widths and heights.

Can't tell which one if any is for the whole table.

Any suggestions as to what I should be looking for?
Yes, look for the table tag. It will look like:
<table width="300" height="400" somethingelse="bla">
:tons of lines:
</table>

If afterwards the table cells don't appear as you intended, you can adjust them too. They are the <td bla="bla">:stuff:</td> tags, and you can probably figure out which td is for which cell by the order they appear (left to right, top to bottom) and the content inside of them.
User avatar
thewolfe
DBB Admiral
DBB Admiral
Posts: 1987
Joined: Tue Nov 05, 2002 3:01 am
Contact:

Post by thewolfe »

User avatar
fliptw
DBB DemiGod
DBB DemiGod
Posts: 6459
Joined: Sat Oct 24, 1998 2:01 am
Location: Calgary Alberta Canada

Post by fliptw »

does this page have URL?
User avatar
Kyouryuu
DBB Alumni
DBB Alumni
Posts: 5775
Joined: Fri Apr 30, 1999 2:01 am
Location: Isla Nublar
Contact:

Post by Kyouryuu »

The problem with using percentages, in my opinion, is that you don't get adequate control over what everyone will see. Some people will see a very stretched out page, and others will see very dense paragraphs. If you use a fixed width, you can be reasonably assured that everyone will see the web page in a fairly similar way.
User avatar
Tetrad
DBB Alumni
DBB Alumni
Posts: 7585
Joined: Thu Nov 05, 1998 12:01 pm
Location: Dallas, TX

Post by Tetrad »

Kyouryuu wrote:you can be reasonably assured that everyone will see the web page in a fairly similar way.
This is an issue only if you're more concerned about how the page looks vs. how the viewer can read the content on it.
Post Reply