WordPress CSS
July 7th, 2008 . by polyGeekYou might have noticed that my WordPress theme is my own creation. Or, to be more precise, it’s a vastly edited version of another theme.
I browsed around for a while and tried out about 6-8 different themes. I finally found one that I liked pretty well that had the general layout and components that I wanted. Then I thought to myself, “Self, you’re a web designer/coder. You know plenty of CSS. Just edit this one into something you really like.”
About 10 hours of work later I had something that was roughly viewable. Then, I viewed the page in IE. WTF? I remember the day what the crappyest code would work just fine in IE. I’m not really sure why everything falls apart in IE now but works just fine in FF. I had to bend a few rules here and there to get things to work which unfortunately produces about 25 htmlTidy warnings. Someday when I’m bored maybe I’ll work to clean that up. For now it works.
IE has two main issues with this site. First it doesn’t render PNGs correctly. Second, it’s not getting the CSS right because the entire 3rd column is missing.
The theme that I was working from had an amazingly complex CSS page. I’ve never really used the cascade part of CSS that much. When I have a font that I want to look a certain way I style it just that way with CSS. I usually don’t bother with inheriting styles from the parent container too much aside from styling the and
tags just in case I forgot to add a specific style to some text. The CSS that I started with for this site was cascading from all over the place. Sometimes it would take 5 minutes of searching, editing, refreshing just to change the color of a specific piece of text somewhere.









I hate complex css. If you have to have that many ids and classes and whatnot, what’s the point of simplifying the site with css?