I've noticed a couple of rendering problems with IE6.

Empty lines, i.e. a blank line between two paragraphs, don't display at all, causing all paragraphs to be bunched together.

The other problem is that the main menu (primary menu between site name and header image) behaves strangely under IE6. When I mouse-over the buttons, the space between the menu and the header image grows slightly, perhaps by 2-3 pixels, causing the header image to fall upon mouse-over.

I'd say the line break issue is the more important of the two since it really affects readability. If you need screenshots, let me know. Or just visit my site (nixer.org) with IE6.

Thanks!
Ed

Comments

Anonymous’s picture

Anonymous (not verified) commented
Title: IE6 line breaks and menu rendering » [IE6] line breaks and menu rendering
Priority: Normal » Minor

As noted on the theme's home page, IE6 is not officially supported and any fixes rely on community written and verified patches. This issue will stay open until someone contributes a patch that is then verified by the community.

mokko’s picture

mokko commented

Hi Ed,
I have similar issues and would really like to find a solution. Unfortunately, I am not very good with css. I looked a little into some other ie6-fixes.css files (from other themes), but so far I cannot see anything.

Details: I don't see the line break problem. Neither on your site, nor on mine. Maybe this is due to the fact that I have changed p+p in html.css. Unlikely though.

I also noticed that the newline problem you describe seems to be related to hovering over the primary menu.

On my site, I also have problems with icons (e.g. from print or from extlinks). They are displayed at the wrong place (somewhere in the banner picture, for instance).

My immediate problem is currently that I have IE6 only at work and cannot install any firebug equivalent here. Hmm. Will try with firebug lite, but not today...

mokko’s picture

mokko commented
Version: 6.x-3.3 » 6.x-3.4

Updated to 3.4 and menu rendering problem persists in my IE6. I tracked it down to
style.css

#headerLinks ul#topLinks li a:hover {
background: #333 url(images/background-dark.gif) ;
color: #4cf;
}

This is responsible for the dark grey background when hovering over the button. Disable it and additional space in IE6 is gone. Also then the line height remains the same. Of course, this is no solution. Padding and Margin dont make a difference.

Curiously, the css buttons in tabs primary work fine! Pretty similar!

I would assume that this is the IE box problem: http://www.positioniseverything.net/explorer/expandingboxbug.html

But "overflow: hidden;" apparently does not help. Maybe because because it is not in a div or because there is width.

So I look for width, but I cannot make it work.

No solution for p+p either so far.

My time for this week is over...

@Shannon, any ideas?

Steel Rat’s picture

Steel Rat commented

In Firefox, when using the filtered HTML input format, linebreaks and paragraphs are not being rendered either. If I change to Full HTML, they do get rendered, but that's not desirable for regular user input.

Anonymous’s picture

Anonymous (not verified) commented
Status: Active » Postponed (maintainer needs more info)

I do not have a way to test and debug in IE6, so this issue will have to wait for a community patch.