Screen Size and Resolution

@AshlarJan 21.2003

Hi
I design Web Pages using a 19″ monitor set at 1024 x 768
However the great unwashed and other surfers and critics complain that it’s to big for their screens and resolutions.
I heard that I could solve this problem using CSS. Does anybody know how? I would apprerciate any information on this matter……………..Thanks

to post a comment

CSS

@pyroJan 21.2003 — #First of all, 19" makes no difference, it's the screen resolution (1024x768) that matters. Next....% widths for divs/table cells are your friend. ?

@AdamGundryJan 21.2003 — #Use CSS relative sizes for fonts (words such as 'small', 'medium', etc. instead of px, or use em/ex units).

Also, it's not really that much bother to switch your screen resolution once in a while, to check the page looks okay on other resolutions.

Adam

@weloJan 21.2003 — #I dunno of a CSS method to accomplish what you want, yet here's something that might help. I have my big monitor set to 10x7 as you do, so to check pages I'm building in 8x6 I have a javascript command bookmarked:

javascript:window.resizeTo(800,600)

Paste that into your address bar and bookmark it, then when you need an 8x6 window you just hit the link and can see what it looks like.

Note - your browser will be resistant to bookmarking this, so what you may need to do is bookmark any page while naming it something like "8x6 window", then go in and edit the properties of the link. For instance in IE6 you would use

Favorites > Link > Right click > Properties > Web Document

then add the JS command to the URL box

Hope this helps ?.

@jpmoriartyJan 22.2003 — #It's supposed to read javascript as one word above, but it seems to automatically put in a space between java and script, even when it's not supposed to - must be a security thing or something.

Do the link but take the space out between java and script and it will work.

@weloJan 22.2003 — #Thanks JP. I hadn't even noticed this board stuck a space in between "java" and "script" in that post.

Screen Size and Resolution

5 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

Screen Size and Resolution

5 Comments(s) ↴

Also in #CSS ↴

Success!

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

Social

Version

5 Comments(s) _↴

Also in #CSS _↴