display: table-row and friends
Posted: Mon Jun 11, 2007 9:15 am
Has anyone got any pointers on an easy to implement method for this type of style on IE?
An example mock-up of the markup:
The css:
It's not strictly speaking a table, so I was trying to avoid using <table>.. the reason for which is when the page is viewed without style, the information is not in grids, but a neatly titled list of biographies.
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.)
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.)