DM-Bloodless IE 6 Sidebar Incompatibility Problem Discovered and Solved
While adding a small del.icio.us widget in my footer I noticed that my theme, DM-Bloodless, which I consider the best black/white WordPress theme of all times, has a minor flaw.
In Internet Explorer 6 there is a problem in displaying the sidebar/s if you use pictures in your posts. IE 6 will then remove the sidebar/s from the the right side and place one or both of them at the bottom below the rest of the content.
I checked some blogs that use DM-Bloodless and found out that it only happens to those that use inline pics in the content.
IE 6 is a browser many people still use although it's kind of a time bomb that can explode anytime (thus called Exploder).
You just have to change one byte or character of code to fix this IE problem. Open your stylesheet in the "Theme Editor" you will find in the presentation tab of your WordPress blog admin and reduce the sidebars margin from 15px to 10px in line 97.
Just remove the whole line
#sidebars { float: left; width: 385px; margin-left: 15px; font-size: 90%; }
and replace it with
#sidebars { float: left; width: 385px; margin-left: 10px; font-size: 90%; }
You, my friend, are the man!!!! I am going to have re-release this theme, because I found some other bugs that no one else has found yet :). I’ll implement your bugs and make the theme a little more “plugins ready”. Thanks again, Tadeusz.
Well, I though I’ve fixed the issue – but honestly, I don’t remember what I changed in the CSS.
Anyways, just replaced it like you said. Thanks!
DF: I also miss some features of the original, the divison of recent comments for instance… :-)
Mário: Yours was flawless indeed, but “fix it twice is the best advice” as we (loosely translated) say in German.