search

BinkWu / jquery-checktree

Automatically exported from code.google.com/p/jquery-checktree
0 stars 0 forks source link

IE6 and IE7 #23

Open GoogleCodeExporter opened 8 years ago

GoogleCodeExporter commented 8 years ago 
I would love to use this however your demo page does not render correctly in 
IE7 or IE6.  (Use IE8 Compatability View to test it)

Original issue reported on code.google.com by timch...@gmail.com on 9 Sep 2010 at 9:12

GoogleCodeExporter commented 8 years ago 
I noticed this problem too and it made me spend a while looking for a different 
solution before coming back to this one.  A more detailed description of the 
problem: The list item options do not line up correctly.  All of the options 
are indented in a level further than the option above it even if it's supposed 
to be on the same hierarchical level as the previous option.

I installed firebug lite under IE8 (viewing the page with compatibility mode) 
today to try to resolve the problem.  It looks like the problem has to do with 
the CSS, not the jQuery plugin piece.  For me, if I just delete the 
"height:20px;" setting from the "ul.tree li .arrow" section of the 
checktree.css file, the IE7 look & feel problem goes away.  I think the problem 
is the height you're setting on your arrow icon is a little taller than the 
line height and is therefore sticking out a pixel past the bottom of the line 
and forcing the next <li> element to move over so that it is not overlapping 
... that's my guess anyway.  At any rate, getting rid of the height setting 
seems to solve everything.

Original comment by macie.ko...@gmail.com on 20 Sep 2010 at 8:57