Footer Possition

liunx

Guest
Quick question here - I feel that I'm missing something really simple.

Basicly I want my footer - which is copyright info and some links in a div to be a certain ammount of pixels from the bottom of my main text body (also a div) - so that when the text body gets longer the position of the footer goes further down. However when the main body gets bigger the footer is staying in the same positon and the main body is flowing over it.Show your work. :).Main_Body
{
Z-INDEX: 6;

/* BORDER SETTINGS */
BORDER-RIGHT: black 1px groove;
BORDER-LEFT: black 1px groove;
BORDER-TOP: black 1px groove;
BORDER-BOTTOM: black 1px groove;

/* PADDING SETTINGS - WITHIN BOX */
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
PADDING-TOP: 2px;
PADDING-BOTTOM: 2px;

/* BOX SIZE */
WIDTH: auto;
HEIGHT: auto;

/* BOX POSITION */
POSITION: absolute;
TOP: 120px;
LEFT: 2.5%;
RIGHT: 2.5%;

/* SETTINGS WITHIN BOX */
BACKGROUND-COLOR: white;
}

.Footer
{
Z-INDEX: 1;

/* PADDING SETTINGS - WITHIN BOX */
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
PADDING-TOP: 2px;
PADDING-BOTTOM: 2px;

/* BOX SIZE */
MARGIN: 0px 210px 20px 170px;
WIDTH: auto;
HEIGHT: auto;

/* BOX POSITION */
POSITION: relative;
TOP:300px;

/* SETTINGS WITHIN BOX */
BACKGROUND-COLOR: white;
}Figured it out now :)

I was right it was something simple that I was missing - the main body was absolute. doh.

Thank's for the interest Triumph.Originally posted by beta
Figured it out now :)

I was right it was something simple that I was missing - the main body was absolute. doh.

Thank's for the interest Triumph. I knew you could do it. :D
 
Back
Top