Discussion in 'QnA (read only)' started by ax3, Sep 24, 2005.
whot should b a normal Web page size (width & height) ???
& how do u decide page size ???
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.
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 ..
u mean vertically
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.
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
I completely agree with batty...that's the best way to go about things.. talking from personal experience
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.
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 %
I mistyped. You are right. I meant vertically.
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.
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
any site for css, wanna learn in detail ???
W3Schools is a nice place to start ..
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.
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.
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
I myself have this book by Wrox . .. Great book indeed ..
Some links I found usefull :
AListApart ... Very nice one .. and
Deswozhere .. This I found by Googling .. Seems a nice place .. Ill too dig it ..
Thanks for the links. I will buy that book.
Separate names with a comma.