CSS Left, Top and Bottom Frames Layout

[gameon238]

Hi.

There is an example css layout on the site here:
http://www.dynamicdrive.com/style/layouts/item/css-left-top-and-bottom-frames-layout/

I'm trying to put a 50px stripe frame accross the top, above the rest.

When I try to just add another div it doesn't quite work.

I tried adding this:
#framecontentHeaderTop{
position: absolute;
top: 0;
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
height: 45px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: navy;
color: white;
}

Then moving everything else 45px down.

Could someone help me a bit pls.

Matt

[TMPS]

For your next div if you still positioning it absolute you need to add: top: 45px; (or 50px)

This way it will show up below your top stripe