Link to home
Avatar of mustish1
mustish1

asked on

Screen Resolution

Hi: Can any one please tell me how to i handle with the screen size. I mean some monitors have big screen and some has small size screen. When I design a web site and create the upper bar or lower bar it dont show right on big screen. In my office some monitors have big screen. I dont know how to handle that problem needs help

Thanks.
Avatar of Richard Quadling
Richard Quadling
Flag of United Kingdom of Great Britain and Northern Ireland image

If you are using absolute sizes (10px), then on a small screen, that is small.

The way a lot of sites work is by not setting any sizes and allowing the browser to flow the elements naturally. So, if I have a big screen, and big fonts, then I get big elements.

Another way is to use javascript to determine the screen size and use appropriate CSS or layout for it.

But you would still have to deal with the issue of the user overriding the font size.

Those with poor eye sight will normally have a high res and a large font rather than a low res with a normal font.

Avatar of mustish1
mustish1

ASKER

For eg. I have this upper bar. It shows right on normal size desktop/laptop computers but on big size montiros it shows the whole page plus halp page on the screen. Can you please tell me the java script or any thing which automatically stretch the page a/c to the size of the screen?

Thanks.

upperbar.jpg
Avatar of Delphineous Silverwing
Depending on the web-site, I have found it sometime works easiest to create the site within a table that has an absolute width like 900 PX.  Most people with 1024 x 768 or smaller usually maximize their browser, while those with larger resolutions like 1680 x 1050 will usually work in a windowed browser typically a little larger than half their resolution.  So 900 PX wide usually works well.
I dont know how to handle the resolution inside the program thru code. Can you please give me an example page?

Thanks.
Another option is to split the image and provide "filler" background elements.

So the left and right hand parts are aligned to the left and right hand parts of the titlebar. The centre part is centrally aligned and the filler is the background of the bar.

That way any size would fit.

Hah - I was just typing that!  A table of three cells is what is needed to do as RQuadling mentioned.

The left piece would be an image in the left cell of a table, the right piece as an image in the right cell, then the center cell would have the middle image would be the cells background.
I dont know how to i split my image into 3 pieces and then put into table?

Thanks.
What program have you used to create the Graphic bar?

What program are you using to design the web-site?
ASKER CERTIFIED SOLUTION
Avatar of Richard Quadling
Richard Quadling
Flag of United Kingdom of Great Britain and Northern Ireland image

Blurred text
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
Thanks you give the answer of my question but honestly i am not that smart in CSS. I can split the image in photoshop but after that i dont know what exactly i write the code in the program so that it will set for any size of screen.
I struggle with CSS also. The new sitepoint site covering HTML and CSS is pretty good.