CSS <h> help

[bluestrobe]

Here is what I have. I have a header cell and a left "content" and a right "menu" cell. I have those where I want them and working perfectly. Now I want to add a "footer" cell below the content cell to add a copyright notice in. The content cell will change sizes as my web site has updates and such. I want the footer cell to stay at a fixed distance below the content cell no matter what size the content cell might be. Right now I have it at a fixed position to show the realitive position I want it from left to right. I eventually want it about 40px below the content cell when finished.

here is my test page:

test page

and here is the code:

css code

I've looked around a bit and can't find anything on this.

 

[Alone]

#footer
{
margin-top: 5%;
}

 

[bluestrobe]

That didn't work. I'll just eliminate the footer box and put everything in the content box. Not what i wanted to do but I don't think what I want can be accomplished.

 

[screw3d]

Just use this as a template. The margins are off but you can adjust those.

The problem is that you are using absolutes everywhere. You need to understand what position:absolute does to the layout.

 

[bluestrobe]

Thanks for the template. Works a lot better than what I had originally. Only one problem though. My previous CSS menus are confusing the template and get an additional board around each menu on top of the overall cell boarder. The only changes I made to the template was make the menu 150px instead of 100px as I need to fit an object in there at a later time thats 150px wide.

 

[screw3d]

Just post if you need any more help.

Firebug is awesome. Use it!

 

[bluestrobe]

Nice plug in! I still can't get the menu to work as it should but I am short on time tonight. Maybe tomorrow. I did find out that having two boxes named "menu" creates conflicts. =X Sometimes the dumbest things are what get you.

 

[bluestrobe]

n/m