433218 - Fix for some display issues for IE 6 and 7 Win 32

Status: RESOLVED WONTFIX

(Camino Graveyard :: Product Site, defect)

Description

[philippe (part-time)]

Attachment: fixes as diff

Some fixes to improve the site display in IE 7 and IE 6.

* IE 7: the rounded corners around the sidebar (top and bottom) do not show up, typical symptom of first/last-child descendants of a 'hasLayout' block. A simple fix in layout.css (using min-height to trigger 'hasLayout').

* IE 6 need a couple of fixes - all in ie6.css.

1. same issue as IE 7 with the little corners on the sidebar, different fix, use {position:relative;}
2. extra white-space under each item in the big preview (left-hand): solved by hasLayout trigger for the links (#preview a}
3. on the same links, the semi transparent background image shows blueish. Issues with transparent PNG32 image. QuickFix solution: make the background fully transparent.
4. Preview – hover effects.
- li:hover is not supported by IE 6. No background changes on the link blocks on the left AND the 'tooltips' don't show up (yeah, that browser is very creative). Solution, add a block in ie.css to trigger the background change on the <a> instead of the <li>: #preview ul a:hover (exactly the same as #preview ul li:hover in layout.css). That makes the tooltips work as well.
- the bubble.png background image behind the 'tooltips' refuses to display. Ideal solution: recreate the image as a .gif file.... Quick fix: set the background of those spans to black (in ie.css). Graceful degradation :-).
5. some white space fixes (consistent indenting of property/value pairs.

Issues that are not solved:
- some of the small icons on the left in the preview items show some blueish background: PNG32 issue. A solution is to convert them to png 8 (will not look so good in other browsers...). Also affected are the background-images for the sidebar and all other images that are png32.
- the link bar has some background-colour issues as well. Same PNG32 problem. That is probably more easy to fix. I haven't looked closely at the images. Or set flat background-colours in ie.css, similar to the fix above for the 'tooltips'.

screenshots before/after in ie 6
http://dev.l-c-n.com/camino/cbo/cbo-after.jpg
http://dev.l-c-n.com/camino/cbo/cbo-before.jpg

The preview file linked in bug 431070#c12 contains all those fixes

Comment 1

[Smokey Ardisson (offline for a while; not following bugs - do not email)]

Comment on attachment 320417 [details] [diff] [review]
fixes as diff

Sam really needs to review this.

Comment 2

[Smokey Ardisson (offline for a while; not following bugs - do not email)]

These fixes were all for the main page hover stuff that's now gone, right?

Comment 3

[philippe (part-time)]

Yeah, that applied to the old front page and the sidebar in the old layout. All gone :-(

I'll have a look at what happens on IE7 with the new layout when I get around launching the XP VM.

Comment 4

[Smokey Ardisson (offline for a while; not following bugs - do not email)]

Comment on attachment 320417 [details] [diff] [review]
fixes as diff

Apparently WONTFIXing a bug doesn't cancel reviews :P