float left and background problem

Atom RSS

This site heavily relies on bug reports created by its readers. Anyone can report a bug and be published.

Main navigation:




Search reports by browser:

Elements don't display correctly if they have a background color and a child element that uses float: left.

The #content{background: #FFFFFF;} declaration is the source of the problems. Remove it and the hidden element displays fine.

Bug applies only to Explorer 6.

Test page Workaround is not included
Reported by: Francis Mak.

Explorer 5-6 Windows | Reported on 6 July 2005.

Comments

(Add your own)

Posted by Ingo Chao on 6 July 2005

1

"This caption never display" can be revealed by sizing the window and scrolling, or by selecting the region, so I guess it's a variant of the peek-a-boo
http://positioniseverything.net/explorer/peekaboo.html
and the fix would be to apply the Holly hack
http://www.communitymx.com/content/article.cfm?page=2&cid=C37E0
to the container.

Posted by francis on 7 July 2005

2

thank you very much.

Posted by Luke on 19 August 2005

3

Hi - one solution that worked for me was to give both the holding div and the floated element "position: relative" -> see:

http://positioniseverything.net/explorer/peekaboo.html

Post a comment

Commenting guidelines:

  1. When quoting specs, articles or your own research, please include a URL of the document.
  2. Test your stuff. When reporting browser behaviour, make sure that your report is correct.

Yes