Blitz - WPT: s-11-1-1b-002.html

wpt / css / CSS2 / css21-errata / s-11-1-1b-002.html

/css/CSS2/css21-errata/s-11-1-1b-002.html

<!doctype html>
<title>CSS Test: overflow:hidden on table with bottom caption overflowing downwards</title>
<link rel="author" title="Simon Pieters" href="mailto:simonp@opera.com">
<link rel="help" href="http://www.w3.org/Style/css2-updates/REC-CSS2-20110607-errata.html#s.11.1.1b">
<meta name="assert" content="Test checks that overflow:hidden on table applies to the table box rather than the table wrapper box.">
<link rel="match" href="s-11-1-1b-002-ref.html">
<style>
 table { overflow:hidden; border-spacing:0 }
 caption { margin-top:10px; caption-side:bottom }
 td { padding:0 }
 div { width:20px; height:25px; border-bottom:solid red 10px; margin-top:-15px; position:relative; top:15px; background:black }
</style>
<p>Test passes if there is a black square below.</p>
<table>
 <caption></caption>
 <tr><td><div></div>
</table>

/css/CSS2/css21-errata/s-11-1-1b-002-ref.html

<!doctype html>
<title>Reference for CSS Test: overflow:hidden on table with caption overflowing downwards</title>
<link rel="author" title="Simon Pieters" href="mailto:simonp@opera.com">
<style>
 table { overflow:hidden; border-spacing:0; margin-top:60px }
 caption { margin-top:10px; caption-side:bottom }
 td { padding:0; background:black; width:20px; height:20px }
</style>
<p>Test passes if there is a black square below.</p>
<table>
 <caption></caption>
 <tr><td>
</table>