haikuwebkit/LayoutTests/fast/multicol/table-dynamic-movement.html

22 lines
633 B
HTML

<script>
function doIt()
{
document.getElementById('test').offsetHeight
document.getElementById('test').style.height = '500px';
}
</script>
<div id='test' style="-webkit-columns:2; height:400px; border:3px solid black; -webkit-column-fill: auto"><div style="height:150px; background-color:lime"></div>
<table style="height:300px"><tr><td style="vertical-align:middle; height:100%">Hello world<br><img style="height:250px;width:175px; background-color:purple">
<td style="vertical-align:middle; height:100%">Also world<br>
<img style="height:250px;width:175px; background-color:purple">
</table>
</div>
<script>
doIt()
</script>