blob: c7330b7a972365980d19a387a87d1a6c1e0f0dd9 [file] [log] [blame]
<html>
<head>
<script>
function hide() {
var cell2 = document.getElementById("cell2");
cell2.setAttribute("style", "border:2px solid green;display:none;width:0%;");
}
function show() {
var cell2 = document.getElementById("cell2");
cell2.setAttribute("style", "border:2px solid green;display:normal;width:33%;");
}
</script>
</head>
<body onload="hide()">
<table width="80%">
<tr>
<td width="33%" style="border: 2px solid red;">
Cell 1 (width=33%).
</td>
<td id="cell2" style="border:2px solid green;width:33%;">
Cell 2 (width=33%).
</td>
<td width="*" style="border: 2px solid blue;">
Cell 3 (width=*) - should be 67% when cell 2 is hidden, 33% when cell 2 is visible.
</td>
</tr>
</table>
</body>
</html>