Web page size ! ! !

[ax3]

whot should b a normal Web page size (width & height) ???

& how do u decide page size ???

[tuxfan]

Ideal resolution should be 800 x 600. But now people are slowly moving towards 1024 x 768.

Mainly you should take more care about the width. If its more height and the page needs to be scrolled horizontally, its not considered too bad.

[it_waaznt_me]

Better is to use CSS and define the Height and width of the content in Percentage .. So if your sidebar takes 10% of area, it will be automatically adjusted for people having different resolutions .. This also helps in resizing windows ..

[ishaan]

Originally Posted by tuxfan

Ideal resolution should be 800 x 600. But now people are slowly moving towards 1024 x 768.

Mainly you should take more care about the width. If its more height and the page needs to be scrolled horizontally, its not considered too bad.

u mean vertically

[crashuniverse]

well it goes like this.

800x600 size can run on 1024x768 without any problems, and 1024x768 size gives scrollbars when viewed at 800x600 resolution.

so the former is always preferred in serious web designs.the main aspect to be kept in ideal web design is dat u shd't get horizontal scroll bars at all when tested on these both standard resolutions and in both major browsers, IE n firefox.

hope it helps u.

[sms_solver]

make webpage size relative:

5% of page width as left-margin
10% of page width as right-margin

if you don't happy with this setting stict to 800x600

[mail2and]

I completely agree with batty...that's the best way to go about things.. talking from personal experience

[go4saket]

Well, is there a way from which as soon as the user goes to our web page, his screen resolution is determined by the browser and the webpage for that screen resolution is opened automatically. I understand that for this I will have to make the same web-page for different screen resolution, but that is fine for me.

[tuxfan]

I agree with batty that its always better to specify widths in %. But at times, it isn't possible due to various factors. For example, every time we sit to make a new template for a site, we have to decide the resolution. So usually we stick to 800x600. In every template, there are always a few visually co-ordinated and sliced images. So its not always possible to use %

Originally Posted by isaan

u mean vertically

I mistyped. You are right. I meant vertically.

Originally Posted by go4saket

Well, is there a way from which as soon as the user goes to our web page, his screen resolution is determined by the browser and the webpage for that screen resolution is opened automatically. I understand that for this I will have to make the same web-page for different screen resolution, but that is fine for me.

So you make the same site twice everytime? I don't think I will have time or patience to do it! And if client is not willing to pay double for this, I will earn only half of what I can Sounds practically difficult.

[expertno.1]

The best option would be to use CSS and give the area in percentage

however if u r going to make the page 800x600 is ideal

Thanks
Regards.
Expertno.1

[ax3]

any site for css, wanna learn in detail ???

[it_waaznt_me]

W3Schools is a nice place to start ..

[sakumar79]

I still remember the days when u were advised 640x480 as ideal size../

Generally speaking, as of this date, most common resolution is 800x600. However, when u design a webpage, u have to take into account the targetted audience. As many specify, it is better to use % width in ur html code... For personal webpages that u want ur kith and kin to visit, designing for 800 x 600 will be enough.

Two more things... One important thing is that u try out different resolutions and different browsers to see how ur page gets rendered. Many websites that are designed and verified using IE only end up getting messed up in other browsers (this is usually because of errors in Javascript/CSS, for which IE tends to be much more lenient than other browsers). Second may be important depending on the targetted audience. It is often forgotten that sometimes, audience might be browsing on PDAs - if ur audience has a higher chance of doing this, u must seriously check with various PDA browsers and see how they render...

For most things related to HTML, u can always start at www.w3c.org - the website of the World Wide Web Consortium. They have a good list of links to various HTML-related concepts.

Hope this helps.
Arun

[tuxfan]

Even if your base resolution is 800x600, you can't design the template at that size. You have to account for the pixels that are taken away by the task bar, scroll bars, tool bars, etc. So the template has to be little lower than 800x600. Only then it will display properly at 800x600.

Best way is to design the template and make a page that displays the jpg of template in a browser. If it fits properly without horizontal scroll bars, its usually right. But I somehow try to keep some part of the template that can be stretched to fit if the page gets displayed at higher resolution

Best thing is to use a mixture of fixed values and % values.

As for CSS, Batty, any other link besides W3Schools? I have already saved it and refer it every now and then, but something more advanced with tips would help

[it_waaznt_me]

I myself have this book by Wrox . .. Great book indeed ..
Some links I found usefull :
AListApart ... Very nice one .. and
SitePoint ..

Deswozhere .. This I found by Googling .. Seems a nice place .. Ill too dig it ..

[tuxfan]

Thanks for the links. I will buy that book.