layout: Generate anonymous table objects as necessary per CSS 2.1 §

17.2.1.

Improves Facebook Timeline.
This commit is contained in:
Patrick Walton 2015-04-14 15:57:32 -07:00
parent b0a7d1bf86
commit f0954f8799
4 changed files with 101 additions and 3 deletions

View file

@ -289,6 +289,7 @@ experimental == rtl_simple.html rtl_simple_ref.html
== table_auto_width.html table_auto_width_ref.html
== table_caption_bottom_a.html table_caption_bottom_ref.html
== table_caption_top_a.html table_caption_top_ref.html
== table_cell_float_a.html table_cell_float_ref.html
== table_colspan_fixed_a.html table_colspan_fixed_ref.html
== table_colspan_simple_a.html table_colspan_simple_ref.html
== table_containing_block_a.html table_containing_block_ref.html

View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<!-- Tests that an element with `display: table-cell` is correctly positioned next to a float. -->
<style>
body, html {
margin: 0;
}
section {
float: left;
display: block;
width: 32px;
height: 32px;
background: firebrick;
}
.a {
display: table-cell;
width: 128px;
height: 64px;
background: green;
}
</style>
</head>
<body>
<section></section>
<div class=a></div>
</body>
</html>

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html>
<head>
<!-- Tests that an element with `display: table-cell` is correctly positioned next to a float. -->
<style>
body, html {
margin: 0;
}
section {
float: left;
display: block;
width: 32px;
height: 32px;
background: firebrick;
}
.a {
position: absolute;
left: 32px;
top: 0;
width: 128px;
height: 64px;
background: green;
}
</style>
</head>
<body>
<section></section>
<div class=a></div>
</body>
</html>