tea & toast

In the background I can hear Nick jumping up and down for joy. :D .

Well I've finished the template and believe I have everything formatted. There are a few interesting things to note about this theme;

• It works in IE6 but looks best in FF and IE7 due to png support.
• It is most likely xhtml, but is currently on html, this is because I've yet had time to test it all.
• Positioning is done with CSS
• IE7 still has some bugs IE6 has... so there is conditional statement for IE6 and IE7 to fix errors
• There is a little javascript to add more and less links to the main page (as ric suggested he'd like all the information on the frontpage, however you still need to click to get it all, sorry ric, but I prefer a tidy startpage! )

So I've had fun with roller to get this one all working, and i think my knowledge is probably still a bit shallow, as I have no control over how "comments", and the "calender" is generated, leaving my css to adher to the classes roller chooses to use.

I'll explain the annoying IE6/7 bug - it's to do with floating divs (what a surprise I hear you all say) basically my toolbox is a floating div to the right, so that I don't have to have loads of wasted vertical space after my toolbox, then to ensure the page is flush, I have a footer with "clear:right" - which will force it below the floating div... in FF... in IE it'll go below, but this will also destory the left margins leaving the content box that keep everything in and spread the box from the left, rather than having a nice candy cane stripped gutter. So how did I fix it? Added an extra div with width set to 100% - thankfully IE box model meant this will drop to the bottom without killing my left margins.

Ah gotta love CSS across the browser/platforms!

Well I hope all those who see this blog enjoy its appearance! I'll be trying to update this blog as often as required to explain my discoveries around my job and web developement, so keep a RSS open for me!

Alex