[css-d] Problem with float: left and IE
Hi there, I have a problem with a quite complex layout that (of course) works in FF but (also of course) not in IE. A test case is at: http://www.bigjelly.com/css/test.htm Which demonstrates the problem in a simplified layout. The content is floated left, so that all content that appears subsequently in the document should pop-up to the right of the main content div. This is what happens in FF. In IE however, the extra content clears the float and begins below the content box. The problem still occurs with the simpler test case of stripping out the header and absolutely positioned box too. This is a really simple problem, but I couldn't find the right place to look for the solution :( Cheers. Mike -- _ CBJ Digital Ltd. http://www.cbjdigital.com/ _ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem with float: left and IE
Hi I think the problem is the width. I tried setting the width of the sidebar boxes to 30% and they jumped right into place. Then again, maybe you really need them to be 250px. Michiel Mike Thirlwell (CBJ Digital Ltd) wrote: Hi there, I have a problem with a quite complex layout that (of course) works in FF but (also of course) not in IE. A test case is at: http://www.bigjelly.com/css/test.htm Which demonstrates the problem in a simplified layout. The content is floated left, so that all content that appears subsequently in the document should pop-up to the right of the main content div. This is what happens in FF. In IE however, the extra content clears the float and begins below the content box. The problem still occurs with the simpler test case of stripping out the header and absolutely positioned box too. This is a really simple problem, but I couldn't find the right place to look for the solution :( Cheers. Mike __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem with float: left and IE
Found another solution:
#content { display:inline} /* this fixes the double margin bug */
#sidebar1, #sidebar2 {width:auto}
Michiel
Mike Thirlwell (CBJ Digital Ltd) wrote:
Hi there,
I have a problem with a quite complex layout that (of course) works in
FF but (also of course) not in IE. A test case is at:
http://www.bigjelly.com/css/test.htm
Which demonstrates the problem in a simplified layout.
The content is floated left, so that all content that appears
subsequently in the document should pop-up to the right of the main
content div. This is what happens in FF. In IE however, the extra
content clears the float and begins below the content box. The problem
still occurs with the simpler test case of stripping out the header and
absolutely positioned box too.
This is a really simple problem, but I couldn't find the right place to
look for the solution :(
Cheers.
Mike
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
