trouble simulating frames with MSIE 6.0

I really need to get this to work! It does work in Netscape 7.1, but everything I try in MSIE 6.0 fails miserably. Test in the two browsers to see what I mean.

Here's the simple code with explanatory comments:


<html>
 <head>
 <title>Simulate Frames! (please)</title>
 
 <style type="text/css">
 body {margin: 0;} #header {position: absolute;
 top: 0;
 left: 70;
 right: 0;
 background: #00ff00;
 z-index: 2;}
 #sidebar {position: absolute;
 top: 0;
 height: 100%;
 left: 0;
 width: 70;
 background: #cccccc;
 z-index: 1;}
 #main {position: absolute;
 top: 25;
 left: 70;
 right: 0;
 bottom: 0;
 overflow: auto;
 background: #ff0000;
 z-index: 0;}
 </style>
 </head>
 
 <body>
 <span id="header"> <!--should remain visible and motionless-->
 <table style="width: 100%; text-align: center;">
 <tr>
 <td>asdf</td>
 </tr>
 </table>
 </span>
 
 <span id="sidebar"><!--should remain visible and motionless-->
 asdf
 </span>
 
 
 <span id="main"><!--scroll to test the design-->
 <table style="width: 100%; text-align: center;">
 <tr>
 <td>asdf<br />
 asdf<br />
 asdf<br />
 adsf<br />
 <!--continue to add lines of text to cause overflow-->
 </td>
 </tr>
 </table>
 </span>  </body>
</html>

I have tried all kinds of combinations of


position: static¦fixed¦relative¦absolute;
z-index: n

etc., etc... Any suggestions?

trouble simulating frames with MSIE 6.0

works fine in Netscape 7.1

hornplayinpianist

Reflection

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week