Designing Web Sites For All Screen Resolutions

Hi Friends,

I am a beginner webdesigner . I want to design a website in all screen resolution. pls help me

Look into fixed-width and fluid layouts. There are plenty of resources.

Apart from that, there are a million answers to your question so you would probably get a better response if your more specific as to what you are looking for.

Fully fluid layouts, where you define the layout in %, will adapt to screen size but will have distorted proportions and painfully long lines of text at high resolutions.

My preferred method is to use an elastic layout. This is where you define the layout in "ems", a unit of font-size. Combining this with the CSS max-width allows you to keep line lengths constant, while creating a layout that scales up with the text size.

Elastic layouts are rather difficult to get used to, however.

If you go the fixed-width way, this might be of interest - What screen resolution should I design my site in? - from the forumz newsletter.

I was taught to design a site for a 800px x 600px screen resloution beuase that was teh most commonly used at the time but who knows now with bigger monitors etc.

I think percentages are good but can be a pain in the rear end when doing div widths....it depends in which concept you are using them.

I was taught at uni last year that fluid layout are better but you can on;y do that to a certain extent within your page depending on the content...you may not want to/or can't change the size of everything in your page

Nope still 50%+ of all monitors are 800x600.

Last I knew IE doesn't support max-width. So JS would have to determine the window size and size the elements from there.

__________________
Web Design and Development

IE7 does support max-width. IE6 can live without it; the JS hacks for max-width are nasty.

Ok. I wasn't sure if IE7 addressed it or not.

__________________
Web Design and Development