Help needed with IE6 rendering
Yesterday I sat down and fixed my website and blog so that they were compatible with IE7. They had been happily compatible with IE6, Firefox, Opera, Safari...really, everything except IE7.
I used the conditional comments trick to move my IE hacks into a separate CSS file so that all versions of IE could still see them, tested everything and it seemed to work perfectly.
I don't have IE6 installed on this machine (I had to upgrade to Vista when I bought my new laptop) so I asked some friends to check the site in IE6 for me. They reported that the main site works without a problem but the blog (based on the main site design) no longer renders correctly. The left hand navigation has been shoved to the middle of the screen (over the content) and the right-hand navigation is missing although there is a space for it. I installed a plug in for Firefox that renders an image in the requested browser and sends me a screen shot so that I could see the issue, but I`m not 100% convinced about its accuracy.
I have been through the CSS and the HTML code several times, tried changing width settings and making sure that all the DIVs were closed correctly, but I cannot find anything.
Even more frustratingly, if I switch back to the original theme without the changes it doesn't work properly in IE6 either! Or at least according to my FF plug-in. The blog definitely worked in IE6 six weeks ago so I cannot understand what has changed to disable it. Is there anyone out there with any ideas on what I've mucked up?
The site is at http://www.abovethefold.co.uk/blog/. The CSS is at http://www.abovethefold.co.uk/blog/wp-content/themes/atf_blogskin_v2/style.css and http://www.abovethefold.co.uk/blog/wp-content/themes/atf_blogskin_v2/ie_overrides.css.
Any help, tips or errors spotted would be gratefully received. I am now officially at the tearing my hair out stage!
I used the conditional comments trick to move my IE hacks into a separate CSS file so that all versions of IE could still see them, tested everything and it seemed to work perfectly.
I don't have IE6 installed on this machine (I had to upgrade to Vista when I bought my new laptop) so I asked some friends to check the site in IE6 for me. They reported that the main site works without a problem but the blog (based on the main site design) no longer renders correctly. The left hand navigation has been shoved to the middle of the screen (over the content) and the right-hand navigation is missing although there is a space for it. I installed a plug in for Firefox that renders an image in the requested browser and sends me a screen shot so that I could see the issue, but I`m not 100% convinced about its accuracy.
I have been through the CSS and the HTML code several times, tried changing width settings and making sure that all the DIVs were closed correctly, but I cannot find anything.
Even more frustratingly, if I switch back to the original theme without the changes it doesn't work properly in IE6 either! Or at least according to my FF plug-in. The blog definitely worked in IE6 six weeks ago so I cannot understand what has changed to disable it. Is there anyone out there with any ideas on what I've mucked up?
The site is at http://www.abovethefold.co.uk/blog/. The CSS is at http://www.abovethefold.co.uk/blog/wp-content/themes/atf_blogskin_v2/style.css and http://www.abovethefold.co.uk/blog/wp-content/themes/atf_blogskin_v2/ie_overrides.css.
Any help, tips or errors spotted would be gratefully received. I am now officially at the tearing my hair out stage!