footer alinement in css

Hello
I am trying to add footer to this css file that I want to appear just below the longest column.
I am currently using a php include for the footer but it aligns with the center column and it runs into the right column if the center content is not long enough.

body { background-color:whitesmoke ;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:navy;
}

a:hover { font-family:Verdana, Arial, Helvetica, sans-serif;
color:navy;
background-color: white}

h1 { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:38px}

h2 { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:32px}

h3 { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:26px}

#leftcontent { position: absolute;
left:10px;
top:90px;
width:120px;
background:cyan;
border:0px solid darkblue;
}

#centercontent { top:102px;
bottom-900px;
background:whitesmoke;
margin-left:160px;
margin-right:160px;
border:3px solid darkblue;
voice-family: "
\"

}


\"
"
;
voice-family: inherit;
margin-left:121px;
margin-right:121px;
}

html>
body #centercontent { margin-left:121px;
margin-right:121px;

}

#rightcontent { position: absolute;
right:10px;
top:90px;
width:125px;
background:whitesmoke;
border:0px solid darkblue;
}

#banner { background:dodgerblue;
height:75px;
border-top:0 solid darkblue;
border-right:0 solid darkblue;
border-left:0 solid darkblue;
voice-family: "




}
;
voice-family: inherit;
height:74px;
}

html>
body #banner { height:74px;
}

p,h1,h2,h3 { margin:0px 10px 10px 10px;
}






Thanks

 

Eddie, post a test page - it will be easier to look at. Keep in mind that child selector syntax (i.e. E > F) is not supported in some browsers (last time I checked, IE didn't support this).

You also use colors that are not valid in CSS (e.g. whitesmoke) and have some syntax errors (bottom-900px).

J.D.

 

I tell you this much, no one beats JD when it comes to CSS. THanks for all your help JD.

 

Hey, what do you know - whitesmoke is a proposed color unit in CSS3 (still under construction):

http://www.w3.org/TR/2003/CR-css3-color-20030514/#svg-color

FF, IE and Opera seem to handle these names all right, although I would still use numeric values until CSS3 becomes official.

J.D.

 

ok here is the test page
http://www.routers101.com/testcss/testcssindex.php


Att is the original css before I played with it

Thanks

 

Your right column is an absolutely-positioned div. Such elements do not participate in the normal document flow (e.g. your center div), which is why your footer behaves as if the right column doesn't exist. This is by design.

I'm looking at your HTML and it seems to me that you don't have much experience with CSS (i.e. the test page is sprinkled with <font>, <center>, etc). If this is correct, you'll save yourself a lot of time if you use a CSS-formatted table to lay out the page.

If you do want to continue with div's, you can try using floats (e.g. two left columns are left-floated and the ads are in a right-floated div) or a combination of floats (or absolutely-positioned div's) and normal div's (e.g. left-floated nav bar; lift-right-margined center div; right-floated ads div).

J.D.