CSS Friendly Control Adapters

Re: Plus/Minus images disappears in IE6

topgun1986 — Thu, 25 Jan 2007 09:30:13 GMT

Thanks Russ it worked PERFECTLY!

Best regards
Jimmy

Re: Plus/Minus images disappears in IE6

Russ Helfand — Wed, 24 Jan 2007 20:07:37 GMT

This is going to sound wacky but... please try adding the following properties to each of your two CSS rules (above):

    font-family: Courier;
    font-size: large;
    line-height: 15px;

There is some subtle stuff going on here. If my theory is right, you are running into a problem wherein IE6 is ignoring the width specified and, instead, is using the width of the actual textual content which is merely an nbsp. You can effectively fix that, however, in a standards compliant and safe way by explicitly telling the browser that you want that nbsp to have a particular size (by specifying something about its font-size and font-family). The properties I gave above are not the only ones you could use. You could, for example, play with a different font family or size to effectively widen or narrow the space in which the background image (the plus or minus) is drawn. Remember, the plus/minus is merely a background to whatever space you've ultimately allocated for that area. The plus/minus are not actually <img> tags. So, if the browser ignores the explicit width you've given then you are obliged to force the width to be what you need it to be via making the nbsp as wide as necessary.

This is, of course, uncomfortably messy but it is reality for now.

If none of that works, you might play around with using position:relative on some of your classes... but that would be a guessing game and I hate to point you in that direction initially.

Good luck. Best regards,

Plus/Minus images disappears in IE6

topgun1986 — Fri, 19 Jan 2007 12:05:00 GMT

Ok this is a weird one, the CSSAdapter treeview works perfectly in IE7 and Mozilla Firefox but there's a bug in IE6.

If you select a item in a node, the node and the item gets selected with the proper colors but the plus and minus images in the node disappears so it makes it harder to see where you are.
I don't use themes only CSS, the plus and minus images is located in the images folder.
I have specified the location for the images in the CSS which looks like this:

.PrettyTree div.AspNet-TreeView .AspNet-TreeView-Collapse

{

background: url(../Images/minus.gif) 0 1px no-repeat;

width: 10px;

margin-top: 1px;

float:left;

cursor: pointer;

}

.PrettyTree

div.AspNet-TreeView .AspNet-TreeView-Expand

{

background: url(../Images/plus.gif) 0 1px no-repeat;

width: 10px;

margin-top: 1px;

float:left;

cursor: pointer;

}

In the treeview I have specified the location for the images also.

What can I do to solve this bug in IE6?

Thanks in advance!