On Fri, Aug 7, 2015 at 3:11 PM, Jan Ainali <jan.ainali(a)wikimedia.se> wrote:
Sure, but in both examples all images are left floated
but they behave
differently.
The top edge of a floated box can never be higher than the top edge of
another floated box that precedes it in document order (ie. appears first
in wikitext). That's true of both pages. Typically you have this problem
when a big infobox pushes down a right-floated image (because they are both
right-floated) and that image pushes down a left-floated image (because of
the top edge rule).
In other words what happens is that when a float gets pushed down, all
following floats get pushed down as well - the first float stays on top of
them. The infobox pushes File:Sturnus cineraceus - feeding - Japan-
2014.ogv down (it's actually defined at the very beginning of the article)
and the left-hand images are pushed down to stay below it.
When all floats are all on the same side, this kind of chained pushing
effect is exactly how you would expect the to behave; but for those which
are on the other side, and look unrelated, it's very unintuitive.
There are workarounds for this at varying levels of crappiness; you can
wrap the infobox and the video in a single floated div, you can reposition
the video, I think there is even a script around that does that
dynamically, but none of those are great, and dumping huge blocks of
non-text into an article without any kind of organization is just not a
very good way of creating a readable document.