<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> | |
<html> | |
<head> | |
<title>CSS Test: Baseline on an empty cell</title> | |
<meta name="flags" content=""> | |
<meta name="assert" content="There should be no red."> | |
<style type="text/css"> | |
div | |
{ | |
border-style: dashed; | |
border-collapse: collapse; | |
display: inline-table; | |
table-layout: fixed; | |
} | |
#row | |
{ | |
display: table-row; | |
} | |
#abs | |
{ | |
display: block; | |
position: absolute; | |
top: 3em; | |
height: 4em; | |
width: 4em; | |
background-color:green; | |
} | |
#cell | |
{ | |
display: table-cell; | |
height: 4em; | |
width: 4em; | |
background-color:red; | |
} | |
#text | |
{ | |
border-style: none; | |
display: block; | |
position: absolute; | |
top: 8em; | |
} | |
</style> | |
</head> | |
<body> | |
<p style="font: 1em Ahem;">Test</p> | |
<div id="table"> | |
<div id="row"> | |
<div id="cell"></div> | |
</div> | |
</div> | |
<div id="abs"> | |
</div> | |
<div id="text">There should be no red.</div> | |
</body> | |
</html> |