|
Posted by supernova on 08/30/07 08:59
Why does this work in FF and not in IE6 ?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en-uk">
<head>
<meta http-equiv="content-type" content="text/
html;charset=iso-8859-1">
<title> frames </title>
<style TYPE="text/css">
#menu
{ position: fixed; top: 0; left: 0; width: 100px; height: 100%;
background: aqua}
#head
{ position: fixed; top: 0; left: 100px; right: 0; height: 50px;
background: lime; z-index: 2}
#main
{ position: absolute; top: 50px; left: 100px; right: 0; bottom: 0; z-
index: 1, background: green}
</style>
</head>
<body>
<div id = "menu">
<h2>menu</h2>
<ul>
<li>item<li>item<li>item<li>item
</ul>
</div>
<div id = "head">
<h2>header</h2>
</div>
<div id="main">
<h2>Page content</h2>
text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>
text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>
</body>
</html>
Navigation:
[Reply to this message]
|