943,718 Members | Top Members by Rank

Web Development > Web Design > HTML and CSS > Designing for Top Browser/Resolutions Using Fluid Layout
Ad:
Permalink
Jun 30th, 2009
0

Designing for Top Browser/Resolutions Using Fluid Layout

Expand Post »
I am redesigning my girlfriends website and this time hope to use fluid layout. I have been doing research for some time now but I am not making significant progress.

I am not new to web design, HTML or CSS but after my last frustrating attempt at a site (the site I am redesigning) I feel as if I am missing some key considerations:

- The top 3 Browsers to design for
- How various User-set resolutions affect the design

I need advice on this.

I have a dummied Home page on a server which can be viewed if anyone is interested (Note: This is a very rough version and non-functional. I have live it just to test browser/resolution issues on my home machines and varied machines at work.)

http://perola-nyc.com/fluid5.htm

Thank-you in advance for any help in regards to this (I really do need it)

mattyd
Similar Threads
Featured Poster
Reputation Points: 105
Solved Threads: 1
Posting Maven
mattyd is offline Offline
2,582 posts
since Oct 2006
Permalink
Jun 30th, 2009
1

Re: Designing for Top Browser/Resolutions Using Fluid Layout

Different genres have different numbers in terms of browsers and technology, but I'll give you what I'm seeing from my DVD Catalog website. That should be the closest I have to your target.

Firefox: 44%
IE: 42%
Safari: 6%
Chrome: 5%

As for resolutions:
1024x768 26%
1280x800 20%
1280x1024 13%

Only about 3% of my users are 800x600 and each of the smaller resolutions (think: handhelds) are less than 1%.

Typically I like my sites to be optimized for 1024x768, but to make sure they still look good on larger resolutions.

HTH,
geis
Reputation Points: 20
Solved Threads: 2
Newbie Poster
bgeisel1 is offline Offline
15 posts
since Mar 2009
Permalink
Jun 30th, 2009
1

Re: Designing for Top Browser/Resolutions Using Fluid Layout

Design in % and ems, per W3C guidelines, and you only have to make one design, that works in every size.
Reputation Points: 562
Solved Threads: 368
Posting Maven
almostbob is offline Offline
2,970 posts
since Jan 2009
Permalink
Jun 30th, 2009
0

Re: Designing for Top Browser/Resolutions Using Fluid Layout

Thanks to all replies. I appreciate it very much.
Featured Poster
Reputation Points: 105
Solved Threads: 1
Posting Maven
mattyd is offline Offline
2,582 posts
since Oct 2006
Permalink
Jul 1st, 2009
1

Re: Designing for Top Browser/Resolutions Using Fluid Layout

Designing fluid is actually really hard, because a lot of things come into play. A trick i like to use is, make sure it works in 1024 and chances are it will work on hi-res. Don't even try go as low as 800x600. Oh, i looked at your dummy site and it should be easy enough. Good luck and all the best
Reputation Points: 46
Solved Threads: 48
Posting Pro in Training
macneato is offline Offline
410 posts
since Jun 2007
Permalink
Jul 1st, 2009
0

Re: Designing for Top Browser/Resolutions Using Fluid Layout

Click to Expand / Collapse  Quote originally posted by macneato ...
Designing fluid is actually really hard, because a lot of things come into play. A trick i like to use is, make sure it works in 1024 and chances are it will work on hi-res. Don't even try go as low as 800x600. Oh, i looked at your dummy site and it should be easy enough. Good luck and all the best
Thanks for your help
Featured Poster
Reputation Points: 105
Solved Threads: 1
Posting Maven
mattyd is offline Offline
2,582 posts
since Oct 2006

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: Rounded corners!!
Next Thread in HTML and CSS Forum Timeline: Virus in Mine website (Help)





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC