Click here to get back home

bug in IE7: a float:right does not float (under certain abs. positioning conditions)
 Home | NewsGroups | Search | About
Login Password
Register Now!
 comp.infosystems.www.authoring.html    Post an article   get this group's latest topics as an RSS feed add this group's latest topics to your My MSN content add this group's latest topics to your My Yahoo content
Subject Author Date
bug in IE7: a float:right does not float (under certain abs. positioning conditions) Michael Hasenstein 10-12-2007
Posted by Michael Hasenstein on October 12, 2007, 6:02 pm
Please log in for more thread options
 Demo page:
http://hasenstein.com/TMP/ie7bug-demo.html

There are two DIVs on the demo page. The first one is as shown below,=20
the second one has "position:relative" instead of "absolute". The blue=20
area is a float:right DIV.

See what I mean? The float doesn't float! Works fine in Firefox (of cours=
e).

<div style=3D"position:absolute; white-space:nowrap; font-weight:bold;">
<div style=3D"position: absolute; top: 0; left: 0; border: 1px dotted =

#999;">
<div style=3D"font-size: 500%;">Unterschied!</div>
<div style=3D"float: right; background-color: #00f; width:=20
50px;">&nbsp;</div>
</div>
</div>


Any way to correct this? I need it for this page:=20
http://euramer.com/multimedia/
(that page I link to may within very few days from posting this have=20
changed completely, so if you don't see the text moving into view over=20
the picture with a link/button - which is that &%%$$=C2=A7!" float of the=
=20
above example - just stick to the above example...)


And NO, I MUST use abs. pos. The above example of course doesn't need=20
it, since I cut it down to the absolutely essential tags (plus some like =

borders, colors for easier viewing). I'm moving (YUI animate method) a=20
container DIV with abs. positioned items inside, and wanted to place a=20
(YUI link-)button on the right edge - that's how I found that IE7 bug.=20
Ohh how I *hate* this stupid browser! Even IE7, it's one one bit better=20
than the previous releases!

Posted by Michael Hasenstein on October 13, 2007, 3:10 am
Please log in for more thread options
 Solved by using abs. positioning with bottom: and right: on that float
instead of float:, but it's still (yet) another stupid IE7 bug.


I wrote:
> Demo page:
> http://hasenstein.com/TMP/ie7bug-demo.html
...

Similar ThreadsPosted
float left or right here? January 21, 2005, 6:19 pm
DIV float question... September 5, 2005, 12:21 pm
An IE6 CSS float bug stumper November 8, 2005, 2:25 pm
Div And Float Gods? April 25, 2007, 12:49 pm
css float behaviour IE & Gecko December 20, 2004, 10:56 am
problem with a 100% height float div July 18, 2007, 4:36 am
how to float image surrounded by text on 4 sides February 20, 2005, 8:17 pm
CSS property float: left inside table? July 19, 2007, 5:24 am
Re: float with set width forces outer container to width of inner container September 20, 2008, 8:03 pm
css positioning June 3, 2005, 4:14 am

Our other projects:

Art Dolls, Fairies and Mermaids - Sunnyfaces.net

Roy's Linux, Programming and Search Engines messages

1-Script XML SitemapXML Sitemap