gibney.org
:
Technology
:
HTML and CSS
:
Table with 100% height inside a Cell
(Entry Nr. 53, by user 1 |
edit
)
Here is a Table (red border) with 100% height inside a cell of another table (green border). This only works if the surrounding cell has a height property as well. In opera it only works if all surrounding elements have a height property. (<a href="http://design2.gibney.org/{CATEGORY_NAME_INTERN_53}/">view the sourcecode</a>) <br><br><br> <table style="border: 1px solid #00ff00;"> <tr> <td> this is the right cell.<br> Its just here to define the height of the table.<br> <br> another line of text...<br> another line of text...<br> another line of text...<br> another line of text...<br> another line of text...<br> another line of text...<br> another line of text...<br> another line of text...<br> another line of text...<br> </td> <td style="height: 1%;"> <table style="height: 100%; border: 1px solid #ff0000;"> <tr> <td>Text in the second table</td> </tr> </table> </td> </tr> </table>
Create a new entry at this position