Amazon.com Widgets

Healthy Living

For People and Planet Earth

How Wide is Your Display?

Yesterday, after a couple of comments from readers, I figured out that this site had not been displaying as well as it should have for people without wide-screen monitors. So, I spent quite a bit of time learning about the problems, but now have a much better grasp about how CCS and screen resolution work together. The details of getting it all resolved are many and confusing. Suffice to say that one of the most important things I learned is that it is often best to specify the height and width of images with percentages rather than pixels in your style sheet and in html. Many changes to the CSS and sidebars later, I think it is working much better.

I can’t believe how polite all my readers seem to be. As you can see from the numbers below, at least 1/3 of 4,300 visitors in the past two weeks, and for months before then, were not seeing my images and sidebar correctly. Only this past week did someone leave a comment about it. I found a quote yesterday from a couple of years ago, before wide-screen monitor usage increased. It said to “design for your visitors, even if it means that your design looks terrible on your high-resolution wide-screen laptop”. Well that is exactly what I did not do because I use a wide-screen laptop. Now, thanks to Google and JD, I know!

Please do not hesitate to let me know about anything you see that does not look correct to you. Even with my education from yesterday and increased vigilance, with all the different browsers and monitors people use, I might not be aware of a problem unless someone tells me. You can leave a comment on any post or use the “Contact” link at the top of any page to alert me if you see anything odd. Thanks!

Now just for interests sake, I will list below the monitor resolution profile of the visitors to this site over the past two weeks. As you can see there are still many people using 1024 X 768 monitors. If you were one of these people, I apologize for not being as knowledgeable as I could have been about CSS and screen resolutions. I sure learned a lot about it in these past 24 hours and have tried to change the design so that it is the best compromise possible for the first three resolutions listed. After all they make up 68% of my visitors. Hopefully it is much better now!

Lastly, look at the 73 visitors, 1st from bottom of the list. The only thing I have to say is about them is: I want one of those too!!!

Resolution ———Number of Visitors —— Percent of Visitors

1024×768 ———— 1,467 ——————— 32.44%

1280×800 ————— 919 ——————— 20.32%

1280×1024 ————- 634 ——————— 14.02%

1440×900 ————— 419 ———————- 9.27%

1680×1050 ————- 321 ———————- 7.10%

800×600 —————- 148 ———————- 3.27%

1152×864 ————— 141 ———————- 3.12%

1280×768 ————— 127 ———————- 2.81%

1920×1200 ————— 73 ———————- 1.61%

1600×1200 —————-66 ———————- 1.46%

Will Sig


February 5th, 2008 Posted By: Will     |     13 Comments     |    

    Categories: Blogging, Will Taft . com
    Trackback: http://willtaft.com/blogging/how-wide-is-your-display/trackback/