problems with fixed positioning / frames

**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:

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?

**boogyman** · 12-12-2007, 01:56 PM

glitches that come with iframes?

you can do this with AJAX, however all of your links would need to contain the AJAX call and definition to the "frame" which I will assume you dont have access to.

**moscarda** · 12-12-2007, 04:55 PM

can you tell me how, i am not familiar...

**molendijk** · 12-12-2007, 06:28 PM

If you want a navigation menu in the top frame whose subitem must show on top of the main frame, then you could apply the technique posted here.

Arie Molendijk.

Thread: problems with fixed positioning / frames

Thread Tools

Search Thread

problems with fixed positioning / frames

Bookmarks

Bookmarks

Posting Permissions