Hi Bob! May I add another wrapper div? Try the following. Probably you want to tweak some withs and margins.
Regards, Martin. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> <style type="text/css"> #outer { border: 1px solid red; width: 50%; } #inner { margin-left: 250px; margin-right: 100px; } #adleft1 { float: left; width: 100px; height: 100px; margin-left: -250px; background: #c00; } #adleft2 { float: left; width: 100px; height: 100px; margin-left: -100px; background: #0c0; } #adcenter { height: 100px; background: #00c; margin: 0 -1px; } #adright { float: right; width: 100px; height: 100px; margin-right: -100px; background: #c00; } </style> </head> <body> <div id="outer"> <div id="inner"> <div id="adleft1"></div> <div id="adleft2"></div> <div id="adright"></div> <div id="adcenter"></div> </div> </div> </body> </html> Wednesday, October 7, 2009, 7:28:33 PM, you wrote: d> HI Lesley, d> re: http://www.rspcacornwall.org.uk/testbed/floatdivs_cjapplied.html d> I wonder why IE is the only one that gets it right? Fascinating. d> Bob d> ----- Original Message ----- d> From: "Lesley Lutomski" <ubu...@webaflame.co.uk> d> To: <wsg@webstandardsgroup.org> d> Sent: Wednesday, October 07, 2009 12:22 PM d> Subject: Re: [WSG] elasticity and floats >> >> Hi Bob, >> >> I think it must be something odd about IE7. I've just tried your link >> in FF3 and Galeon on Linux, and FF3, IE8, Safari 4 and Opera 10 on >> Windows. In every case the border appears around the entire masthead, >> not just the third div. >> >> Lesley >> d> ******************************************************************* d> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm d> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm d> Help: memberh...@webstandardsgroup.org d> ******************************************************************* Ciao, Martin ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *******************************************************************
