Navigation tree rendering issue on IE6

[bruno@…]

[jira2trac import : issue created on February 19, 2007 4:32:43 AM CET ​http://issues.cocoondev.org/browse/DSY-408 ]

Entries run too much to the left -- I'll attach a screenshot to illustrate. I haven't looked deeper into it yet. It would be wonderful if anyone can help to fix this.

(seems to be fine in IE7)

[paul]

navtree2.png

[paul]

[jira2trac import : comment created by bruno on March 29, 2007 10:00:43 AM CEST]

I've done some research on this and found out the problem occurs with the combination of setting the border-left and the padding-bottom properties on the li's in the navtree.

So the following change to navigation.css gives a correct tree, but without the green borders:

li.navigation ul li{

padding:0 0 .5em 1em;
/* border-left: 0.5em solid #dfc;*/

}

what also works is leaving the green border, but not setting the padding-bottom:

li.navigation ul li{

padding:0 0 0em .5em;
border-left: 0.5em solid #dfc;

}

but then the spacing between the list items is not nice (too close in all browsers but IE, double-spaced in IE)

So I see the following options:

• leave things as they are and have a broken navtree in IE -> not a good option
• disable the green border
• someone comes up with a good hack so that the current styling works on all browsers

[paul]

[jira2trac import : comment created by bruno on March 30, 2007 10:30:11 AM CEST]

For now I've disabled the green bars (SVN rev 3897).

It looks better with the green bars though, fixes or alternative layouts still welcome.

[paul]

[jira2trac import : comment created by hepabolu on April 2, 2007 4:59:11 AM CEST]

I'd love to help fix this, but at the moment I'm not able to fully reproduce the bug.

I assume it's an old one so it should be visible in cocoondev.org/daisydocs-1_5/ (since that is version 2.0-dev).

I managed to reproduce the problem partially in ​http://cocoondev.org/daisydocs-1_5/daisywiki/general/25-cd.html

i.e. a situation similar to navtree2.png where the green bars are ok, but the text below the bars runs too much to the left, through the arrows and off the left side.

Can you verify that this is the correct 'bug'?

[paul]

[jira2trac import : comment created by bruno on April 2, 2007 6:24:04 AM CEST]

Indeed, that is the correct problem.

There are no problems with the green bars, but as noted the problem goes away with either removing the green bars or not setting the padding-bottom property.

Things look a lot nicer with the green bars though.

Thanks for helping out.

[paul]

[jira2trac import : comment created by bruno on April 2, 2007 3:33:37 PM CEST]

Helma provided me with a patch that makes things work on IE 6 including the green bars. 1000 x thanks to Helma for her help.

Committed in SVN rev 3900
​http://lists.cocoondev.org/pipermail/daisy-commits/2007-April/005666.html