Still As Life

I think I've got the template issues sorted out now. As far as I can see, it works fine in Firefox, Safari, Opera, Internet Explorer 7 and Internet Explorer 6.

I was able to get the majority of it to work fine between the browsers without needing any separate code for Internet Explorer, but in the end there was a width that both versions of IE were reading differently to everything else and I couldn't see any way around it but to use an IF statement. For anyone else that might come across something similar, I used the following:

<!--[if IE 7]>
<style type="text/css">
div#sideBar{width:250px;}
</style>
<![endif]-->
<!--[if lte IE 6]>
<style type="text/css">
div#sideBar{width:250px;}
</style>
<![endif]-->

This effectively checks whether the browser is IE 6 or 7 and then executes the code within the statement if it is one of those two browsers. The code for any other browser is held within the rest of the style sheet where the width is 230px.

There are a couple of slight bugs in Internet Explorer still, but nothing major.

The border between the menu and main content is half see through, so you can see the background between the dashes, but this isn't a big thing really.

The other problem is the top part of the menu is displayed vertically when it should be horizontal, but again, this isn't a major problem.

Hopefully I'll sort these out soon, but there are some other things to be done elsewhere first and the layout is completely usable now afterall.

Labels: code