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

designer wrote:

----- Original Message ----- From: "Chris F.A. Johnson" <ch...@cfajohnson.com>
To: <wsg@webstandardsgroup.org>
Sent: Tuesday, October 06, 2009 6:46 PM
Subject: Re: [WSG] elasticity and floats



  Is this what you want: http://cfajohnson.com/testing/floatdivs.shtml ?

--
  Chris F.A. Johnson, webmaster         <http://woodbine-gerrard.com>



Well Chris, I'm intrigued!

I took your example (which is exactly what I wanted!) and changed your a's and b's to my own, and it works a treat (almost). See here:

http://www.rspcacornwall.org.uk/testbed/floatdivs_cjapplied.html

I cannot get my head around why this should work, and my own didn't! Must be something to do with the order of stuff.

However, I put a border around the elastic div (so it can be seen) and it is perfect in IE7, but is full width if FF3. What's going on here?

Duh.

Bob




*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************




*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************

Reply via email to