Float over two elements

Posted by eWolf on Stack Overflow See other posts from Stack Overflow or by eWolf
Published on 2009-11-09T20:00:51Z Indexed on 2010/03/26 20:03 UTC
Read the original article Hit count: 257

Filed under:
|
|
|
|

My problem is rather complex to explain, so I'll show you an example: http://ewolf.bplaced.de/misc/float.htm

I want to have a floated element (the blue box) to be be placed over two other elements (red and green) and I want the whole thing to be fixed-width and centered (done by the box with the black border) while the background of the red and green box should fill the whole width.

I'm actually not quite sure if the way I've done it now is XHTML/CSS valid, but it works - at least in Firefox. In IE6, the green box expands to fit the whole blue box - how can I fix this in IE6 or find another solution to show it correctly in all browsers?

© Stack Overflow or respective owner

Related posts about html

Related posts about css