I really love the looks of this theme. However, the theme doesn't display properly in IE6 on screens with a resolution greater than 1290px (width) and the blocks: preface first, middle and last don't show. Please see the screenshot attached (Please note: the PNG-fix seems to be applied in the 6.x-1.3, but the screenshot taken from q0b.ru still doesn't have this fixed). The second screenshots shows the same webpage with Mozilla Firefox.

I hate IE6, but unfortunately about 20% of my visitors still use IE6 (and according to Wikipedia IE6 still has a market share of 16.94% in may 2009).

CommentFileSizeAuthor
Firefox screenshot434.05 KBdataspot
IE6 screenshot435.17 KBdataspot

Comments

thinkingcap’s picture

thinkingcap commented

Here's the fix to both issues.

In ie6-fixes.css add this:

#page {width: expression(document.body.clientWidth < 742? "740px" : document.body.clientWidth > 1292? "1290px" : "auto")}

It's a hack to mimic max-width CSS property. In this case we are trying to emulate
max-wdith: 1290px;
min-width: 740px;

And the fix to the preface problem is also done in ie6-fixes.css (line 15):

#preface {
  height: 1%;
}

This is the hasLayout trigger, and is used to trick IE6 into setting the height of the preface container to enclose the nested floats. Setting height: 1px does not appear to invoke hasLayout, but height: 1% does. Very strange because any value apart from auto is meant to work.

Hope that helps. Let me know how it goes.

rahulbile’s picture

rahulbile commented

Thx graymalkin,

That was very heplful.