I finally got around re-coding the CSS (I also just slightly changed the markup, nothing drastic), this time the spacing finally does look “pixel-perfect” in IE.
Apart from adding the contact button on the menu bar right on top (I’m an attention whore, what can I say?), i modified the overall width of the layout, bringing it down to 800 pixels wide, so that it barely just fits on a 800×600 resolution screen (who’s using that anymore?) without any dreaded horizontal scroll bars. I took away the user link at the footer of each post: It’s always going to be me, so i thought people don’t need to reminded continually of it. The background also changed, just a simple doodle with lines (not that the last one had a more elaborate “making process” anyway), I’m not sure if it’ll stay for long.
The sidebar is now less wide, it is now float positioned, no longer is it a crappy position:absolute element with margins to fix it, the unordered lists on it have less padding, allowing for a wider content area (in order to compensate for the now smaller width).
Less nested divs are in use, and the CSS has been generally cleaned up (redundant stuff taken out, et cetera) which should speed up rendering and possibly usage.
I still need to make an about section, and I will probably turn the contact button into a php mail form instead of directly a mailto: link. But I’m lazy -I’ll just bask in my grandeur for now, I’m happy it looks how I meant it to look on stupid IE.
Update (9:35 pm): I just changed the line spacing, I think it’s easier to read this way.
Line and paragraph breaks are automatic, e-mail addresses are never published, XHTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>
There are no comments yet.