RetroZilla/layout/html/tests/table/bugs/bug3681-2.html

30 lines
846 B
HTML
Raw Normal View History

2015-10-21 05:03:22 +02:00
<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>