PDA

View Full Version : Compatibility with browsers, screen and monitor sizes?


ankur_itbhu
09-12-2008, 12:09 PM
I want to make dream weaver site with respect to
1) various screen resolutions lie 800*600, 1024*768 etc
2) various monitor sizes...12", 15", 17" etc
3) the site should look same in different browsers IE, Mozilla, Safari, Crome

what specific do i need to add? :confused:

domedia
09-12-2008, 02:44 PM
Alot :)
1. Decide if you want a fluid or set width first
2. Monitor size is not relevant, screen resolution is.
3. This take training and knowledge of browser differences.

ankur_itbhu
09-12-2008, 03:08 PM
Alot :)
1. Decide if you want a fluid or set width first
2. Monitor size is not relevant, screen resolution is.
3. This take training and knowledge of browser differences.


I am quite a novice in web design, can you please tell whats the fluid funda??

My web site is www.incrediblevaranasi.com (http://www.incrediblevaranasi.com)

domedia
09-12-2008, 03:43 PM
Fluid design is one that expands with your browser viewport, typically by defining widths as percentages.

Ricky55
09-12-2008, 04:14 PM
Fluid layouts dont seem quite as popular as they once were, I think most popular sites now seem to be designing for 1024 x 768 rather than the older 800 x 600.

If you're a beginner I would make your site about 960 to 980 pixels wide and the length in needs to be to fit your content, scrolling vertically is fine.

Ricky55
09-12-2008, 04:15 PM
Some examples of this are

http://hmv.com/hmvweb/home.do
http://www.boagworld.com/
http://uk.gamespot.com/

Electrodesign
09-13-2008, 07:43 PM
Make your life a lot easier and your site presentable in all browser types and size by putting everything inside a centrally placed table of 760 pix or if using CSS, a centrally floated wrapper div of 760 pix. That way you'll not have sleepless nights {as I used to} worrying how the site looks to others. Take a trawl through the web and see how few people use a fluid setup these days.
I also recommend using something like statcounter after you've built your site and by viewing the Browser stats you can see the breakdown of the type of resolution thats most popular. Most people are using laptops these days so maybe that's your target resolution

Ricky55
09-13-2008, 09:13 PM
I think you'll find 760px wide is not that common these days. Most modern websites as I said above are going for wider layouts.

Stick to 960px if I were you, its about time sites moved away from designing for 800 x 600 resolution in my opinion, how many people have you seen these days that run a screen res that low?

Check out that stats for yourself, only 8% of web users have 800x600.

http://www.w3schools.com/browsers/browsers_display.asp

Ricky55
09-13-2008, 09:14 PM
All modern laptops have higher screen res than 800 x 600.

domedia
09-14-2008, 07:16 PM
Check out that stats for yourself, only 8% of web users have 800x600.

http://www.w3schools.com/browsers/browsers_display.asp

This is a little misleading. :) Those stats only tells you of the visitors to w3schools, not the visitors to *your*website. It makes little sense optimizing your site for w3schools visitors instead of your own.

8% should be reason enough to stay with a resolution optimized for 800x600.
You basically have 2 choices. Make a design optimized for 100% of your users (800x600 and up) or for 92% of your users (1024x768 and up).

For example, this website (dreamweaverclub.com) caters mostly to people that use the computer to work and create websites. So our 800x600 share is only 1.17%. (!)

I work with 2 larger websites, one is a national realestate website and the other one a large tourist destination website. For these two the numbers are and 8% and 6% respectively.

Ricky55
09-16-2008, 06:49 PM
8% is not reason enough, come on, lets move things foward, I'm surprised you don't design for 640 x 480 just incase someone comes along with that res.

Corrosive
09-16-2008, 06:55 PM
8% is not reason enough, come on, lets move things foward, I'm surprised you don't design for 640 x 480 just incase someone comes along with that res.

To some extent I agree with this Ricky, web designers designing for web designers should have moved on but if you are designing a business site you can't alienate any potential customers. It all depends who is your audience. If you want to flog stuff to people in their 'golden years' they may need a large resolution to read the page. My parents wouldn't cope with my screen res!

domedia
09-16-2008, 07:20 PM
I don't think you guys see it the way I do :)
You can design for 100% of the visitors or 92% of the visitors.. should be a business decision really.. and a really simple one ;)

If you don't have many 800x600 visitors, then of course it's another case
On some of the websites I work on, the website profit margin might just be a couple of percent, so you'll quickly see why it get ridiculous to alienate thousands of your visitors, on purpose.

Another way of saying it is that your personal preference on how wide the website should be is irrelevant. Design for your visitors, be it 640, 800 or 1024 wide.

Corrosive
09-16-2008, 07:27 PM
I don't think you guys see it the way I do :)
You can design for 100% of the visitors or 92% of the visitors.. should be a business decision really.. and a really simple one ;)

If you don't have many 800x600 visitors, then of course it's another case
On some of the websites I work on, the website profit margin might just be a couple of percent, so you'll quickly see why it get ridiculous to alienate thousands of your visitors, on purpose.

Another way of saying it is that your personal preference on how wide the website should be is irrelevant. Design for your visitors, be it 640, 800 or 1024 wide.

He, he. I think that's what I was trying to say...you just put it a lot better :wink:

d a v e
09-16-2008, 09:21 PM
Ricky's site works pretty well at almost any res! :)