[css-multicol] Overflowing floats issue

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