|Home | Web Design Tutorials | Free Graphics | Newsletter | Products | Specials | SEO | Sound Effects | Member Perks | Member Login|
HTML Help: Screen Resolution
I know 800 x 600 is the most common screen resolution, but is it better to design for this width or use a flexible design?First off, your information is outdated. According to Market Share, 1024 x 768 is the most common screen resolution, weighing in at just over 30 percent of users. Users at 800 x 600 are less than four percent now.
There are many fixed width advocates, but it may be better to design for everyone—within certain limits! I've seen screen resolutions as high as 2560 x 1600. It can be extremely difficult reading web pages with a lot of text at that resolution. The rows of text are just too long, making it work to pick up the next line when you reach the end of one line. Besides that, that kind of resolution can make even the best designs look goofy.
It's been estimated that a minimum of 20 percent of surfers don't have their browser maximized to full size when they surf, so the idea of a "most common" screen resolution loses even more relevancy when you introduce that consideration into the debate.
Add to that the fact that Market Share keeps stats on 100 different screen resolutions, and people also access the web using other devices like cell phones and PDAs, and you'll understand how much resolution confusion there is!
I've come to believe using a limited liquid design is the best solution. What that means is designing a website using a liquid design, but using CSS to set a minimum and maximum size.
Whether you design your website using tables or divisions to control the layout, you just need to add the following CSS properties to your table or division controls:
min-width: 640px; max-width: 1600px;
You'll have to play with those numbers, viewing your design at different minimum and maximum widths to discover where the design starts breaking down or looking bad, then adjust the numbers accordingly.
This concludes the
HTML Help about designing for specific Screen Resolutions.
Check out SEO for YOU now!
Almost a NewsletterSubscribe today for exclusive website design tutorials and grab some free gifts to boot! Learn more, or subcribe below:
Did you know...The member's site has about 100 standards compliant HTML and CSS tutorials, 31 handy reference charts, reprintable content, web graphics, exclusive fonts, free software, free ebooks and more? All this for less than 9 cents a day! [ Details ]
Home | Web Design Tutorials | Free Graphics | Newsletter | Products | Specials | SEO | Sound Effects