In some case the article are not placed correctly.
You can reproduce by creating 3 articles A, B and C using a teaser, displayed on the front-page.
You should see :

A B
C

If you increase slightly (eg: using firebug) the text-length of the article A, the height will increase until the bottom-margin (40px) pushes article C away thus the following :

A B
  C

Comments

drzraf’s picture

drzraf commented

an hypothetical solution would be to use an <hr/> every 2 <articles>
so that 2 articles are on a same "level" and articles of the level below won't wrap.
maybe something more elegant is still possible though.

drzraf’s picture

drzraf commented

This does the trick (thx to SeriousMatters and others helpful people from #drupal):

.front div.content article:nth-child(even) {                                                                  
  float:right;                                                                                                
  clear:right;                                                                                                
}                                                                                                             
.front div.content article:nth-child(odd) {                                                                   
  float:left;
  clear:left;                                                                                     
}
ravis’s picture

ravis commented
Status: Active » Closed (fixed)
drzraf’s picture

drzraf commented
Status: Closed (fixed) » Active

I'm sorry but the above is a workaround which rely on float/clear, not a proper HTML5 solution.

drzraf’s picture

drzraf commented

ping ?