SmileyLover Blog » fixing identity themes sidebar http://blog.smileylover.com Sharing Knowledge and Resources Sun, 04 Apr 2010 18:32:35 +0000 en hourly 1 http://wordpress.org/?v=abc Fixing Identity Themes Broken CSS In IE http://blog.smileylover.com/fixing-identity-themes-broken-css-in-ie/ http://blog.smileylover.com/fixing-identity-themes-broken-css-in-ie/#comments Mon, 01 Sep 2008 18:26:30 +0000 Admin http://blog.smileylover.com/?p=23 If you are Identity Theme for WordPress user, you may notice this theme will broken in IE but fine in Firefox. So would you leave them out? leave it with nothing? or you will fix it? I prefer option to fix it. Because this is a nice layout and just need a small touch for fixed in IE.

As we already know, IE has an extra padding (or margin?) that added to CSS. So we need a little script in our header theme to make IE read different CSS so this theme will show perfectly across browser :) . Add this code to your header.php theme before wp_head; via theme editor that built in Dashboard > Design > Theme Editor.

<!–[if IE]>
<link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘template_directory’); ?>/style_ie.css” />
<![endif]–>

You’re almost done. And now download this fixed CSS and replaces old CSS in your theme folder.

Download CSS Fixed

If you finished all step, now it’s time to preview theme using IE and Firefox. Everything is OK? Hey, you have done :)

Just let me know if you found something wrong in different browser (type/version). Happy blogging :)

No related posts.

]]> http://blog.smileylover.com/fixing-identity-themes-broken-css-in-ie/feed/ 2