Browser compatibility

A couple of browser compatibility issues. As almost every web designer knows, how a browser renders a page is very dependent on which browser is doing the rendering.

Here’s a couple of tips to use when trying to get a web page to render the same across most browsers (IE, Firefox and Opera).

Do NOT use <br clear=”all”>

IE does not render this at all. It’s better to use <div style=”clear:both”> which works across most browsers.

Specify CSS definition “margin-top” for lists

The default margin-top for lists differs between the main browsers. IE’s default margin-top is zero. Firefox and Opera has a default margin-top of about 1 em.

It’s best to always specify a margin-top in CSS when using lists.

Share and Enjoy:These icons link to social bookmarking sites where readers can share and discover new web pages.
  • digg
  • del.icio.us
  • Reddit
  • YahooMyWeb
  • scuttle
  • blinkbits
  • BlinkList
  • blogmarks
  • co.mments
  • connotea
  • De.lirio.us
  • Fark
  • feedmelinks
  • Furl
  • LinkaGoGo
  • Ma.gnolia
  • NewsVine
  • Netvouz
  • RawSugar
  • Shadows
  • Simpy
  • Smarking
  • Spurl
  • TailRank
  • Wists
divider

Leave a Comment