Topic: Looks like the right place to ask this... (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=9939" title="Pages that link to Topic: Looks like the right place to ask this... (Page 1 of 1)" rel="nofollow" >Topic: Looks like the right place to ask this... <span class="small">(Page 1 of 1)</span>\

 
Synthetic
Paranoid (IV) Inmate

From: under your rug,
Insane since: Jul 2001

posted posted 01-19-2002 21:01

The site i'm working on is designed for a 800/600 screen size... I want to learn more about how to detect what screen size the visitors are using and have the site expand the text sizes to a larger size and replace the images with a larger versions of them, if they are using a bigger screen size.... site samples of this in action is a plus....

Or if you don't like this type of thing or you have a better idea, please post that as well...

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted posted 01-19-2002 21:38

Synthetic: Its an interesting question and I doubt there is one easy solution to that. What you basically want is the page to be the same relative dimensions even after people resize their window. I'm not sure if you need to have any JavaScript to detect the window size but that in itself isn't too much hassle.

Here are some tricks that will help:

1. Set all your boxes (DIVs or tables) to a relative size.

2. Set your image sizes as percentages too.

3. I have a script I knocked together which allows you to resize the text on a page (works in IE5.5+ and NS6) and you could pos. work this into some kind of script which sets the font size as a percentage of the window (some fiddling would be needed) but you can set font sizes as percentages and it is pretty crossbrowser. I'd experiment with this to see how that goes.

Agitprop: http://style.cleverchimp.com

have done quite a bit of work on font sizes (its the one I always think of in these cases) so have a nose around there although nothing jumps out at me - hold on this does mention some problems (so keep an eye out for that):
http://style.cleverchimp.com/font_size_intervals/altintervals.html

So what I'd do (at least intially) is try setting boxes, images and font size to percentages and testing your page. If you come across any big problems that CSS rules can't fix (see agitprop) then you may have to look into JavaScript window size detection but I don't think it is required to get the whole effect moving.

I'd be interested to see how your experiments go.

Emps


Beware of men without beards and women with beards - Basque proverb



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu