Tag Archives: resolutions

Statistics – 1024×768 screen resolution highest with StatCounter – make your web site design work well on low resolutions

Note: StatCounter is not fully representative because not all web sites use StatCounter.

Wondering whether you need to make your web designs work well on low display resolutions? Well, in the United States, from June 2011 through to June 2012, 1024×768 still remains the most used display resolution for web sites using StatCounter.

  • 1024 x 768: 16.49%
  • 1366 x 768: 16%
  • 1280 x 800: 13.41%
  • 1440 x 900: 7.15%
  • 1920 x 1080: 6.55%

Worldwide isn’t much different either, with 1024 x 768 display resolution being the second most popular display resolution at 17.38%.

Tips to make your designs work well on lower display resolutions.

Try avoid using too many floats.

Floating too many HTML elements can be a factor of your design looking inconsistent on lower display resolutions. If you need to use floats, have an upper div within the body section of your HTML document and set it as position: absolute so any div within it will float within the constraints of the upper div. read more