Screen Resolution HTML HELP !!

[DavidPook]

Guys and Gals,

Have trawled through the back issues of problems on this forum, I haven't quite found what I have been looking for.... let me explain !

I have several html pages that i created in 1024x768 resolution. GREAT... looks fab and groovy until..... someone mentioned to me that most of our users use 800x600. I had been so busy creating these HTML pages that I completely forgot.

SO........ my question is as follows:

What html or other script can i use for users that use different screen resolutions on their machines to show my web pages the same no matter what resolution they are using ???

I have seen the example about CSS sheets (in the back issues of the forum) but this does not apply to me. I am a NOVICE user of HTML and all other scripts, so PLEASE be gentle with me..... IF possible, an example of the code would be great and very much appreciated.

Many thanks to you guys and gals in advance for any help.

 

[pgtek]

Hi

you can add a drop box message that this site is better view in the resolution you have now
or
simply add this message to the bottom of your defalut page

cheers

pgtek

 

[pgtek]

Hi

you can add a drop box message that this site is better view in the resolution you have now
or
simply add this message to the bottom of your default page

cheers

pgtek

 

[DavidPook]

Its a good and simple idea but working for the NHS, we have a majority of users, that wouldnt have a clue on how to change the resolution of their screen. Its true.... believe it or not.

So, I was hoping some sort of script/code would adjust screen size automatically, or...... adust the html on the pages automatically to fit their own screen resolution they are using.

Many thanks for your reply though.

Anyone else ?

 

[pgtek]

Hi
check this link

http://www.javascriptsource.com/user-details/style-sheets-by-resolution.html

pgtek

 

[tviman]

As far as I know (and that's not much) there's no single script that can make your pages work on any resolution. I think you're going to have to bite the bullet and go back through your HTML pages and change anything that refers to widths (tables, table cells, etc.) in pixels to percentages. Also, if oyu have any images that span the width of the screen at 1024x768 will have to be reworked to fit the 800x600 screens.

Most Windows installations default to 800x600 resolution and, as you've noted, most don't have a clue how to change it. In my opinion, it's best to design your pages for the lower resolutions. Then your pages will always fit on the higher ones.

There's always a better way. The fun is trying to find it!

 

[DavidPook]

Thanks for your tip PGTEK but as i noted in my first post, I dont use CSS at all, as i personally feel due to the small amount of pages i will be using(25), I cant justify using CSS for this small amount !..... Some of you may disagree...

Thanks to tviman for your tip..... but all my widths are already percentages.

I have now reduced my images (only had 3 of them)so they fit onto a screen resolution of 800x600.

My bugbear is the fact that on some of my pages there is very little information so on a screen resolution size of 1024x768..... it tends to look a bit silly...... small amount of text....lots of space and the text itself is pretty titchy..... some "older" users may be reaching for their glasses/magnifying glasses or the phone to ring their optician !!!!!

Looks like I will have to grin and bear it as it is...

 

[pgtek]

hi read this it might help you

800x600 / 1024x768... do I have to build 2 seperate sites?
thread215-586860

pgtek

 

[EdwardMartinIII]

David,

Don't design for a resolution -- not only do people have all kinds of screen-sizes, but they have all kinds of browser sizes. Quick, right now, how many windows do you have open? What size and shape is your browser window? See what I mean? Use percentages where you need 'em, simple layouts, and don't specify text typefaces or sizes. Users with crappy eyes have already set their browsers the way they like 'em.

Because you only have 25 pages, this is probably going to provide just enough effort to remind you to not "forget" in the future.

See how well you can code a page "open". Code it and then start tweaking your browser window around to see how much you have to distort it before the page is just absolutely unuseable. Users will do this, too, when they have a Word document running, and another window downloading Dr. Fun cartoons, and Outlook, and an e-mail they're trying to answer, and your website. Anticipate their craziness. Account for it. Darn users.

Cheers,



Edward

"Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!" -- inventor of the cat door

 

[TruthInSatire]

well, you could encumpas each page in a one cell table and set the cell dimentions to 1024x768. That should stretch your page out in the browser, but the user will have to scroll over to see all of it. The up side is that the page will look exactly the way you made it.

A common mistake that people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
- Quote by Douglas Adams

 

[TruthInSatire]

well at least set the width, you wouldn't have to set the height... sorry.

A common mistake that people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
- Quote by Douglas Adams

 

[BDNFLNC]

Don't use percentages. It distorts the way your page appears from browser to monitor, etc...

To build a professional page it should appear the same everywhere. So build it for 800x600. There are several stats that say this is the most widely used screen res.

If you build two pages, one for 8x6 and one for 1024...you'll be spending all of your time updating.

Why does everyone think the page HAS to fill the browser window? That is just silly.

 

[EdwardMartinIII]

Lots of options, David. I suggest settling on any one "standard" of screen resolution is just waggling down the wrong path, though, unless you're assured your users will always run their browser in full-screen mode (Hm, are you doing so right now?).

Use what you need to use to add the greatest flexibility to your layout. You'll have happy users.

Cheers,


Edward

"Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!" -- inventor of the cat door

 

[Mr3Putt]

According to...

http://www.w3schools.com/browsers/browsers_stats.asp

...April of this year was the FIRST time that 1024x768 was a more popular screen res than 800x600.

For simplicity's sake, design for 800x600... imagine how happy you'll be in a few more years when you can expand! Woo hoo!

There is no imperative that a web document fill the screen, but I do advise (from a design p-o-v) that you put a border around pages that may not fill the screen... makes it a bit easier on the eyes.

 

[ChrisHunt]

"To build a professional page it should appear the same everywhere."

What nonsense. A site which re-sizes to accommodate different browser sizes - tek-tips, for example - can look just as professional as a fixed-width site.

Don't be like a print-designer and fixate on exactly how YOU think your page ought to look. Trust users to know what they want and to set up their browsers accordingly - maybe 1024x768 (or more): a big screen with lots of information on it at once, albeit with small text; maybe 800x600: less room but bigger text; maybe smaller, because they're not maximising their browser (I don't, do you?).

Size your fixed-width objects (e.g. images) so they will fit onto a page 800 pixels wide (or less). Use percentages. Keep it simple. And concentrate on CONTENT.

Oh, and use CSS. You might think 25 pages &quot;doesn't justify&quot; CSS (dunno why it justifies heaps of horrible <font> tags and suchlike, but I digress), but there are two things to bear in mind about your site: (1) it's gonna grow, and (2) it's gonna change. Getting things right when the site is small will save you a lot of work in the long run.

-- Chris Hunt

http://www.extracon.com

http://www.mcgonagall-online.org.uk

http://www.napitalia.org.uk

http://www.leicesteryha.org.uk

 

[TruthInSatire]

I agree with the CSS thing. a very wonderful tool. I use it on anything bigger than one page. The best part is if you have to make a change you only have to make it in one place no matter the size of your website.

A common mistake that people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
- Quote by Douglas Adams

 

[DavidPook]

Guys,

YOU have been wonderful in ALL your replies and I thank you very very much.

I have noted some points here which I am grateful for and have now readjusted ALL my webpages to fit 800x600, it doesnt look too bad but in my opinion, I still feel that the higher screen resolution looks more professional... not quite so grainy on the text. (perhaps i have a shit monitor) !!!!

I would like to know more about CSS as from what you say, this seems by far the easiest way to update many webpages in one go..... I think I need to read up on this.

Thanks again guys for your great support and replies

 

[FALSE]

width='100%'

// or can be scripted;

created new index.htm
creat form to promt for user's resolution
store width in new variable0;

in all pages
import variable1 from index.htm;
replace width by variable0;