Like most supervillians Gingell has a thing for big screens, all the better to see your victims on I guess.  When she suggested that centring all my blog content would look better on larger screens it seemed like a good idea.  It also turned out to be an idea that was a lot easier to implement than expected.  All I had to do was replace half a dozen lines of code in the stylesheet.  It’s all explained on the WordPress Forum, here’s the code I used;

body {
background: #111;
color: #444;
font: 62.5% ‘Lucida Grande’, Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
width:1000px;
margin: auto;
}

And it looked good.  It looked good in Google Chrome, it looked good in Mozilla Firefox and it looked good in Internet Explorer until you clicked on an individual post.  Then it got funky.

When displaying individual posts IE decides to make a bad job of aligning all the content to the left even though it’s using the same stylesheet it used to correctly display the main page.

According to Google, Internet Explorer has always struggled to understand the concept of margins that are automatically sized depending on your screen dimensions, at least IE8 seems to understand it half the time.  I tried a number of suggested fixes and only suceeded in messing the stylesheet up so badly that I had to start again.

Here is a list of problems caused by my meddling, reasons unknown and things I’d just like to change.  Your opinions on the blog layout and coding expertise are very much welcome.

• Fix code so that the content of individual posts is centralised in Internet Explorer.
• Move the header a smidge to the left so that it’s aligned to the rest of the design.  Found the bit of code I need to change to make this happen, then I lost it again.
• In the sidebar’s about section resize the picture of me riding the special bus so it’s the same size as the orange feed button.  Rewrite the about text and put some space between it and the picture.
• Figure out why all the recent comments switch to a larger font size when you go from the main page to an individual post (this seems to be a problem across all browsers).
• For some reason my text no longer wraps around pictures (a perfect example of this can be seen on the about page) find out what the problem is and resolve it. [How to fix this problem here, sure this came as standard last time I installed this theme.]
• Internet Explorer displays an x at the bottom of the page to represent a broken image, seek and destroy.
• Remove privacy page from the main menu (it’s linked at the bottom of the page anyway and really it’s not that interesting).
• Move all the grey box gubbings (details on the author, comments and categories) from the top of the post to the bottom.
• Get the blog to stop underlining picture hyperlinks, it looks lousy.
• Resolve the 16 validation errors listed here four validation errors.