W3C home > Mailing lists > Public > www-style@w3.org > April 2013

[css-multicol] Overflowing floats issue

From: François REMY <francois.remy.dev@outlook.com>
Date: Sat, 27 Apr 2013 22:11:53 +0200
Message-ID: <DUB120-W25F311FD0AB9D86850CDA6A5B00@phx.gbl>
To: "www-style@w3.org" <www-style@w3.org>
Hi,

I know the Multi-column layout specification is a Candidate Recommendation already, but I think there's a paragraph missing about the behavior of overflowing floats.

I made a simple test case and it renders *completely* differently in the four browsers I tested it on (roughly the latest public beta releases of IE, FireFox, Chrome and Opera).

You can download the rendering in those browsers here:
http://fremycompany.com/TEMP/2013-04/testcase-multicol.float-overflow.html.pdf 

You can view the test case in your own browser here:
http://fremycompany.com/TEMP/2013-04/testcase-multicol.float-overflow.html 

Halas, the rendering I would like to see is to be seen in none of the considered browsers (but IE's rendering would satisfy me; the webkit rendering is clearly an artifact of their "one flow, multiple clipped rendering" implementation). Just for the record, I would prefer the image to be sent to the next page and none of text after the img tag to be rendered on the first column. The reason I want this is to make sure I can draw a logical DOM split between the columns. If the image is sent to the next column, I think no text that follows the image should be visible in the column.

Any comments?

Best regards,
François 		 	   		  
Received on Saturday, 27 April 2013 20:12:20 UTC

This archive was generated by hypermail 2.3.1 : Saturday, 27 April 2013 20:12:21 UTC