Remember when I said there was a problem with my template layout that caused it to display funny in every browser except Firefox? Well I finally got around to fixing it and thought I’d share the solution with you all. I figured it might be helpful to someone.
Why The Difference?
The different browsers display things slightly different sometimes because they use different “kits” (or rather — rendering engines)
Who Uses What?
Firefox uses Gecko
Chrome and Safari use Webkit
Internet Explorer uses Trident
Opera uses Presto
What To Do?
For code you only want used by Webkit (Safari & Chrome):
follow the guide here — http://css-tricks.com/how-to-create-an-ie-only-stylesheet/
For code you only want used by Trident (Internet Explorer):
follow the guide here — http://www.evotech.net/blog/2008/09/css-hack-for-google-chrome-and-safari-31/