moscarda
12-12-2007, 01:56 AM
hello, i am trying to emulate a simple top/bottom frame website with css, where the top section will contain a logo and navigation, and the bottom will mirror another page entirely, like with frames or iframes (yes i'm aware of the criticisms, but i have my reasons). here's the code:
<!-- IE in quirks mode -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<title>Fixed header</title>
<style type="text/css">
body{
margin:0;
padding:<length> 0 0 0;
}
div#header{
position:absolute;
top:0;
left:0;
width:100%;
height:<length>;
}
@media screen{
body>div#header{
position: fixed;
}
}
* html body{
overflow:hidden;
}
* html div#content{
height:100%;
overflow:auto;
}
</style>
<div id="header"> header </div>
<div id="content"> content </div>
so basically, i want the second DIV to just be a frame, without all the glitches that come along with iframes. ideas?
<!-- IE in quirks mode -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<title>Fixed header</title>
<style type="text/css">
body{
margin:0;
padding:<length> 0 0 0;
}
div#header{
position:absolute;
top:0;
left:0;
width:100%;
height:<length>;
}
@media screen{
body>div#header{
position: fixed;
}
}
* html body{
overflow:hidden;
}
* html div#content{
height:100%;
overflow:auto;
}
</style>
<div id="header"> header </div>
<div id="content"> content </div>
so basically, i want the second DIV to just be a frame, without all the glitches that come along with iframes. ideas?