Jakarta theme IE rendering problem fix

 
February 07th, 2006 - Filed under Graphics and Design by Cristian Mezei
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...
| 20,277 views
 

Well, it wasn’t quite a bug, but so many people complained about my Wordpress blog being HARD to read (because Internet Explorer rendered a silly shadow effect/filter wrong, in the stylesheet of the Jakarta theme) that i had to do something.

I also found several other people had problems or at least one problem with this Jakarta theme, over at Scarlet Blaze (the one who created the Jakarta theme) or at Wordpress support pages.

Some blog directories i submitted to, told me they can’t approve my blog (i was amazed and happy to see such dedication, so i thank them for their quality coeficient) because the site crashed their PC :

Your blog was declined for the following reason: Sorry, your blog crashes my computer everytime.

So seeing lots of professionals use IE too (i stopped using Internet Explorer for 3 years now) here is the little IE fix for the Jakarta Wordpress theme :

In the CSS stylesheet (found in /wp-content/themes/jakarta/style.css), find :

BODY {
FONT-SIZE: 62.5%;
COLOR: #867663;
FONT-FAMILY: Georgia, Verdana, “times New Roman”, Times, Serif;
BACKGROUND-COLOR: #DABB82;
MARGIN: 25px;
filter: Shadow(color:gray, strength:10, direction:135);
}

and remove :

filter: Shadow(color:gray, strength:10, direction:135);

from those Body properties.

Now the template should render very fast, as fast as in Firefox actually. The only drawback is that you don’t have that border effect in IE, in the right part of the theme.

Now go and browse (with Internet Explorer) the initial and original template, and the modified template in my blog. A rendering change right ? ;)

Later edit : one more usefull thing about the Jakarta theme. For all you out there using it, if you want a little more fine blockquote graphic, use this one, that i modified for my blog. It’s not so huge :)

Submit your business or company to Webxperience! and Webotopia directories.
If you found this post useful please Subscribe with Bloglines Add to Technorati Favorites (new windows)
Tags: none
 

3 Comments so far

stefan said:
February 8th, 2006

you can replace that shadow effect with a background in css, so it will also show in firefox, and also not crash or really slow down ie.

February 8th, 2006

Oh, my dear friend, but i do not need that shadow effect :)

stefan said:
February 8th, 2006

honestly, it does look better without it. :)

Leave a reply

Allowed tags (XHTML): <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

RSS Readers & Technorati:

My Subscribers Add to Technorati Favorites
View Cristian Mezei's profile on LinkedIn

Subscribe & Syndication:

RSS Feed at FeedBurner NewsGator Google Bloglines My MSN Add to My Yahoo! Add to FeedLounge Add to My AOL Add to NetVibes Add to NewsBurst Add to Pluck Add to NewsIsFree

Updates by e-mail:

My Blogroll:

Blogs & Forums (RO)

Blogs & Websites

Official Blogs

Social Websites
Powered by Bloglines

Tag Cosmos: Top Tags