T
Thierry Lam
For the following codes, if you continuously check the checkbox, the
space on the right side keep decreasing dynamically on Firefox
1.5.0.10 while you don't see such behaviour on IE 6.0.2900, does
anyone know why and how to fix it?
<html>
<head>
<style type="text/css">
table.simple
{
border-width: 1px;
border-spacing: 2px;
border-style: outset;
border-color: gray;
border-collapse: separate;
background-color: white;
}
table.sample th, tr, td
{
border-width: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
border-style: inset inset inset inset;
border-color: gray gray gray gray;
background-color: white;
-moz-border-radius: 0px 0px 0px 0px;
}
</style>
<title>Simple doc</title>
</head>
<body>
<script type="text/javascript">
function greet(checked)
{
var table = document.getElementById("greetTable");
var cell = table.rows[0].cells[1];
if (checked)
cell.style.display = "block";
else
cell.style.display = "none";
}
</script>
<input type="checkbox" name="greet" onClick="greet(checked)"/>Key
Greet
<table class="simple" id="greetTable">
<tr>
<td>Hello</td>
<td>
<div id="first">
<input type="button" value="hello world" onClick="say()" />
</div>
<div id="second">
Text Only
</div>
</td>
</tr>
</table>
</body>
</html>
space on the right side keep decreasing dynamically on Firefox
1.5.0.10 while you don't see such behaviour on IE 6.0.2900, does
anyone know why and how to fix it?
<html>
<head>
<style type="text/css">
table.simple
{
border-width: 1px;
border-spacing: 2px;
border-style: outset;
border-color: gray;
border-collapse: separate;
background-color: white;
}
table.sample th, tr, td
{
border-width: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
border-style: inset inset inset inset;
border-color: gray gray gray gray;
background-color: white;
-moz-border-radius: 0px 0px 0px 0px;
}
</style>
<title>Simple doc</title>
</head>
<body>
<script type="text/javascript">
function greet(checked)
{
var table = document.getElementById("greetTable");
var cell = table.rows[0].cells[1];
if (checked)
cell.style.display = "block";
else
cell.style.display = "none";
}
</script>
<input type="checkbox" name="greet" onClick="greet(checked)"/>Key
Greet
<table class="simple" id="greetTable">
<tr>
<td>Hello</td>
<td>
<div id="first">
<input type="button" value="hello world" onClick="say()" />
</div>
<div id="second">
Text Only
</div>
</td>
</tr>
</table>
</body>
</html>