Last modified: 2014-11-20 01:42:24 UTC
The buttons (and the container itself) of the first example are not in the correct place: https://en.wikipedia.org/wiki/WP:Sandbox?oldid=631736318&action=edit&preview=yes The second one, which is not inside a table, is ok. In the broken example, the container seems to have some border spacing. I see the same problem on ptwiki, using Firefox 33 or Chrome 38: https://pt.wikipedia.org/w/index.php?oldid=40416350
Created attachment 17166 [details] aligns when applying appropriate styling It's not misaligned, a raw table has default borderspacing, cellpadding and etc. Setting border collapse, spacing: 0 and padding: 0 aligns it just fine.
Created attachment 17171 [details] The triangle does not align if the player is inside a table I don't think the styles unrelated to the interface of the media handler should be affecting its *internal* alignment. Specifically, even if there is some padding or margin in the cell, I expect the play triangle no to be touching the horizontal line in the bottom.
(In reply to Helder from comment #2) > Created attachment 17171 [details] > The triangle does not align if the player is inside a table > > I don't think the styles unrelated to the interface of the media handler > should be affecting its *internal* alignment. Specifically, even if there is > some padding or margin in the cell, I expect the play triangle no to be > touching the horizontal line in the bottom. I agree.
The button offset is caused by the display:table of the .ui-helper-clearfix::before produced by ui-helper-clearfix on the controlbar. these days, people say that .group:after { content: ""; display: table; clear: both; } should be enough and that before isn't rly needed.