How to Make Full Height Cell in Full Height Table in Internet Explorer

Table row height in Internet Explorer

Instead of using the height propertiy (since its causing problems) you can use a spacer. For exampel a transparent small gif which u set the height to the amount you want too. The gif you would just do like this: <img src="./gfx/spacer.gif" style="height:14px;" />

IE 10,11,Edge Table Cell height varies inside div with overflow-y: auto

i solved the issue by applying a height: 100% on all td elements

solution

    <html >
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<table>
<tr>
<td>
<div class="container" >
<table class="table">
<tbody>
<tr>
<td>
123456
</td>
<td>
123456789 12311 12 123456789 12311 12 123456789 12311 12 123456789 12311 12
123456789 12311 12 123456789 12311 12 123456789 12311 12 123456789 12311 12
45454 4545 4546 4546 654654 654654 654654 6546
</td>
</tr>
<tr>
<td>
asd
</td>
<td>
123456789 12311 12
</td>
</tr>
<tr>
<td>
asd
</td>
<td>
123456789 12311 12
</td>
</tr>
<tr>
<td>
asd
</td>
<td>
123456789 12311 12
</td>
</tr>
<tr>
<td>
asd
</td>
<td>
123456789 12311 12
</td>
</tr>
<tr>
<td>
asd
</td>
<td>
123456789 12311 12
</td>
</tr>
<tr>
<td>
asd
</td>
<td>
123456789 12311 12
</td>
</tr>
<tr>
<td>
asd
</td>
<td>
123456789 12311 12
</td>
</tr>
<tr>
<td>
asd
</td>
<td>
123456789 12311 12
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</table>
</body>
</html>

Expanding elements to the full height of a table cell?

I'm told by Boris Zbarsky himself that it is completely impossible to do this - make a child element of a table cell fill the cell's full height - unless the height of the cell is specified explicitly. Browser makers could probably make this work if they wanted to, but they can't be bothered.



Related Topics



Leave a reply



Submit