[WSG] update - ie bug - content disappears on hover

[Drake, Ted C.]

I keep finding a solution in adding height:1% to various elements.
This seems like a temporary fix. Can someone explain to me why the height:1%
is needed and why it could sometimes cause background images to not display?

Thanks
Ted


-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Drake, Ted C. 
Sent: Friday, April 29, 2005 9:47 AM
To: 'wsg@webstandardsgroup.org'
Subject: [WSG] ie bug - content disappears on hover

Hi All
I've been having a problem that I can't figure out.
Naturally, everything looks good in firefox/opera/safari, but IE is freaking
out. I can't send you to the page, it is in an intranet.

However, I hope I can describe the problem and maybe you've seen it before.

The page has three columns and each column has subsections. The subsections
are in this format:
div
h3/h3
Content, p or ul
/div

When you mouse over some of these divs, the content disappears and the
background color appears. It's like you are erasing it in blocks.


Here is one div (imagine the x's are actual information. I need to remove
any information on these messages)

div id=communications
h3a href=xx/a/h3
p
a href=/ximg src=xx alt=x/a
 abbr title=Chief Executive Officer lang=enCEO/abbr x a
href=//a xxx./p
/div

div id=websitehelp
h3a href=//Get Help With a Web Site/a/h3
a href=xx class=logo /a
p
a href=/x/x/a x:/p
ul
lia href=/xxx/xxx/a/li
lia href=/xx.htmlxxx/a/li
lia href=/xxx/a/li
lia href=//xxx/a/li
/ul
/div

As you can see, the code is pretty simple.  In #websitehelp, the link with
class=logo is using a background image and pushing the text offscreen. The
communications div has an image that is floated.

The page layout is using the three column technique where the center channel
has huge borders and the left and right float on top of the borders. It
works quite nicely.

I have added height:1% to some divs and that seems to keep the erasing from
happening, but then the background images I'm applying with CSS don't always
appear in IE.

Like I said earlier, I'm grabbing at straws on this one.  Any help would be
much appreciated.
Ted 
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

Re: [WSG] update - ie bug - content disappears on hover

[Ingo Chao]

Drake, Ted C. schrieb:
I keep finding a solution in adding height:1% to various elements.
This seems like a temporary fix. Can someone explain to me why the height:1%
is needed and why it could sometimes cause background images to not display?
height:1% will affect other browser too, say IEMac. So you should hide 
it from others, this is the Holly hack (described here 
http://positioniseverything.net/explorer/escape-floats.html).

/* \*/
* html .layouted { height:1%;}
/* */
and you can assign this height to any element you want
div class=insidefloat layouted
---
That question /why/.
Note that the documentation does not explain it. We have to guess.
Assume the term hasLayout indicates a change in a /quality/ of an 
element. Some bugs do exist due to the presence of elements which have 
layout, more bugs due to the presence of elements that don't have 
layout, and most bugs in the interaction of both. Some IE6 bugs can be 
fixed via the Holly hack. This hack triggers an element to have layout.

This is not answering anything. My last rant about having layout can be 
found here:
http://archivist.incutio.com/viewlist/css-discuss/56161
But I cannot seriously recommend to have a read. It isn't answering 
anything either.

Better forget that question /why/ for the time being and concentrate on 
the question /how/.

The http://positioniseverything.net is full of descriptions /how/ you 
can fix IE6.

Ingo

**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**