problem med position: relative og visibility
Jeg har følgende kode som jeg ikke kan få til at virke.CSS-FIL
#lag_1 {
position: relative;
top: 10px;
left: 10px;
width:150px;
height:100px;
visibility: visible;
background-color: red;
color: blue;
}
#lag_2 {
position: relative;
top: 10px;
left: 10px;
width:150px;
height:100px;
visibility: hidden;
background-color: blue;
color: blue;
}
HTML-FIL:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<link rel="stylesheet" href="style/layers.css" type="text/css">
</head>
</script>
<body>
<table>
<tr>
<td>
<div id="lag_1">
<form method="POST" action="?status=gem" onsubmit="document.getElementById('lag_2').style.visibility='visible';document.getElementById('lag_1').style.visibility='hidden'">
<table>
<tr>
<td>
<input type="text" name="tekst">
</td>
</tr>
<tr>
<td>
<input type="submit" value=" GEM " name="submit">
</td>
</tr>
</table>
</form>
</div>
<div id="lag_2">
OPDATERER...
</div>
</td>
</tr>
</table>
</body>
</html>
hvis jeg ændre til position: absolute eller erstatter visibility med display kan jeg godt få det til at virke. Er det ikke muligt at lave det som koden er nu?
