I have found that overflow:auto produces scroll bars in unwanted places at unexpected (for me!) times; perhaps I'm not doing it right. However, the clearing div DOES work, I've used it on several sites and I just tried it in your code and tested it in IE6. Here is the code:
<H1>hello</H1><IMG alt="dye in water" src="3 Point_files/inks.gif"> <P>Lorem ipsum dolor sit amet...</P> <div style="clear:both; height:1px; line-height:1px; margin:0; padding:0;"> </div> You have to be sure to put the non-breaking space inside the div. Teressa Graphic & Web Designer Opactive *-----Original Message----- *From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On *Behalf Of Christopher Blake *Sent: Monday, April 16, 2007 9:45 AM *To: css-d *Subject: [css-d] Best method to have containers wrap around floats in ALLbrowsers. * *Hi all, * *http://www.3pointdesign.com/index2.html * *http://www.3pointdesign.com/styles/two.css * *I was looking at the list yesterday and found many different ways to *have containers fit around any elements inside i.e. clear the bottom *of an image. The solution that I thought I found is not working in *i.e.6. All I had to do was add overflow:auto to the containing div. *This was way too easy an answer and I knew that there would be a *problem somewhere. Because I can only test on; * *Safari 2.0.4 *Firefox mozilla 1.5.0.9 *Webkit (safari) *Netscape 7.2 *Opera 9.10 *Internet explorer 5.2 * *all mac browsers. * * *I don't know whether things are working or not. I do not want to add *java to get over this problem, the empty "clear both" div doesn't *seem to work for me so I am running out of options. * *Does anyone know a proven method of achieving the result that I want *that works across all browsers. If so please ca you link me to it. * *Best wishes, Chris * * *Christopher Blake [EMAIL PROTECTED] *07816163420 * * * *______________________________________________________________________ *css-discuss [EMAIL PROTECTED] *http://www.css-discuss.org/mailman/listinfo/css-d *IE7 information -- http://css-discuss.incutio.com/?page=IE7 *List wiki/FAQ -- http://css-discuss.incutio.com/ *Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
