Ubuntu 11.04 Countdown
Website Template Fixed – Now looks good in all browsers!
Firefox, Internet Explorer, Chrome, and Safari
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) to parse the HTML/CSS/JavaScript and convert all that code into the page you see (I’m trying to keep this in layman’s terms as much as possible).
Who Uses What?
Firefox uses Gecko Chrome and Safari use Webkit Internet Explorer uses Trident Opera uses Presto
Website Alignment Issues
Firebug Extension for Firefox
It has come to my attention that my template’s alignment is not quite right when displayed in certain browsers. Anything but Firefox to be specific.
I will take a look at the CSS and HTML and try to find the problem when I can get to a proper computer (I’m on my iPhone right now). In the meantime I thought this might be a good time to mention a handy tool for anyone who is interested in web design/development. Perhaps you have heard of it before, but perhaps not. (it’s also another great reason to use Firefox as your primary browser).
Firefox has an awesome addon called “Firebug” which allows you to do a lot of
Alex’s Antidote now iPhone Friendly
Alex's Antidote iPhone icon
That’s right folks, my website is now iPhone friendly. (Note: from what I understand it should also work in certain other fancy phones too)
Here’s how it goes:
Step 1 – Open Safari -> Navigate to: alexsantidote.com
find Alex's Antidote in iPhone's Safari Browser
Step 2 – Check out my fancy mobile theme
New Mobile Theme
Page Menu
Step 3 – Bookmark for future reference
Bookmark Options
If you’re really awesome you’ll bookmark it to your Home Screen
Bookmark to iPhone's Home Screen
And you’ll see a nice shiny icon that will take you straight to this website when you touch it!
Shiny Bookmark Icon!
How’d I do it?
- Install the WordPress plugin called: WPtouch Mobile