On Tue, Nov 17, 2009 at 10:56 PM, Mark Henderson <[email protected]> wrote:
> Alan Gresley wrote on 18 November 2009 at 16:45 > [..] > > I have no specific test case for IE7- but is this your bug. > > > > > <http://css-class.com/test/bugs/gecko/1-7~1-9/floats-inline-and-float.ht > m> > > > > Ah ha! Well that does seem to fit with his earlier code snippet, good > spotting. > > > > > BTW, please specify which IE version you have the problems in future. > > IE6, IE7 and IE8 are very different creatures. IE8 has few known bugs > > and is vastly different from it predecessors. > > > > Alan, it's in the subject line! > ______________________________________________________________________ > css-discuss [[email protected]] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > Thanks for all the help here. Alan, I think you have basically found the issue. It seems to be solved in later Gecko versions so that is why I haven't had the issue anywhere besides *IE7. *(haven't checked in 6 since we aren't supporting it, thankfully) So since I don't have my own domain as of yet and our test servers are password protected I have done this. I have taken two screenshots of what should happen and what IE7 does. Those are here. http://rufus2021.wordpress.com/2009/11/18/ie7-float-issue/ The exact code for this is as follows: Slight correction from before, one of the elements is actually an <a> tag but it doesn't seem to make a difference whether they are inputs or links. Same result. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd";> <html lang="en"> <head> <style> div { border: 1px solid red; float: right; } input { border: 1px solid green; float: left; } a { border: 1px solid blue; display: block; float: right; } </style> </head> <body> <div> <input type="text" value="floating left" /> <a href="#">floating left</a> </div> </body> </html> It looks like it's just a case of there needing a width set to help IE along. Does anyone know if there is any documentation on this anywhere else? IE7 will give me the correct display, which Safari and later Gecko browsers give, if i float both of the elements inside of the div left and still have the div floating right. It is as if IE7 just let's the div run wild if the child elements are floating in opposite directions. - Jeff ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
