An example mock-up of the markup:
Code: Select all
<div class="row">
<div class="cell portrait"><h4>Blah</h4></div>
<div class="cell biography"><p>More blah</p></div>
</div>
<!-- several "rows" -->Code: Select all
div.row {
display: table-row;
}
div.cell {
display: table-cell;
height: 160px;
}
div.portrait {
background-image: url(someimage.jpg);
}
div.portrait h4 {
top: 150px;
}Anywho.. IE doesn't support display: table-row and friends, does anyone know an alternative (and I cannot use absolute positioning - the content will be dynamic.)