After several lunch hours of hairpulling, several evenings worth of reading and re-reading articles about floating left, floating right, clearing both and all about how IE treats the css box model like a red headed stepchild, I finally hit a milestone in the journey (how’s that for overstatement!). I have a new and almost passable (and fluid) theme on this weblog.
This theme you see before you is henceforth known as “EasyPeasy v0.1”.
It was neither easy nor peasy. I scrapped an entire layout along the way, reworked and subdued the colours and graphics several times. Inkscape was my friend; my mistress; my therapist. Anyway, you should be able to stretch and smush (smushability is limited by design) your browser window and things should hold together.
If you’re reading this post via RSS, then please hobble on over to the site at least this once. Have a look, kick the tires, leave a comment and tell me about all the things I missed and all the things I did wrong. Believe me, there are likely plenty.
There are still problems to fix. For instance, the sidebar is “widgetized”, however it doesn’t seem to like the MyBlogLog widget. For some reason it won’t display it. So, like I said, take it for a ride and let me know if and when it breaks.
Edit: I almost forgot to mention. All that crappy whining and moaning you hear about IE not being standards compliant and a general pain in the ass.. All true! This site will render semi-properly in IE6, but compared to Firefox, Flock, Safari (on XP) and Nautilus, Internet Explorer 6 is butt-ugly.
Richard,
Congratulations on the “EasyPeasy” theme. It’s very pleasing to the eyes. I like it.
I ran it through some Mac browsers and It renders well in Safari 3, Camino 1.5.4, OmniWeb 5.6 and FireFox 3.0.
I’ve never had the nerve to design and program a WP Theme from scratch. It’s always been my method to take one I kinda like and then modify it.
Good job and nice accomplishment!
Looks fantastic - definitely worth the blood, sweat and tears!
IE 7 on Vista: It doesn’t drop to a stable layout when you smush the page up too much. That means you get your logo on the side and the post down beneath the logo. But I’m not sure I’d worry about that; it refigures very smoothly up until that point and you’re not going to have many folks who open it up in that narrow of a box.
I don’t know what Micro$oft’s problem is. Why the heck they don’t just *implement* css and play nice with other guys…
It works properly in Firefox 2 on Vista. And it’s very pretty and easy on the eyes!
Thanks for the nice comments guys. Glad to hear you like it.
@OmegaMom - I thought IE7 observed min-width rule in CSS (which should stop the scrunching at a specific width), I coulda sworn it worked ok when I check on IE7 at work. Hmm. I agree about it not mattering too much at those narrow widths though.
I’m all CSS’d out at the moment, so fixes and tweaks might not come for a little while.