Footer

How do I get the footer to contain the side navigation buttons and be pushed down to the bottom?

joslyn (AT) kwdesign (DOT) net wrote:

How do I get the footer to contain the side navigation buttons and be pushed down to the bottom?

I don't really understand that question.

Do you mean you want the address, which is currently in the side bar
lined up with the foot of the adjacent information and then navigation
buttons at the top of the side col?

If so you're out of luck. Css has its limits..... you can't have
something at the bottom of the col and something then at the top. You
might be able to 'fake' it by using absolute positioning or putting some
margin between the two blocks of information but it will never
ultimately be correct.

A simple table structure will do this nice.

Please see this link:
http://003a17b.netsolhost.com/kwdwebsite/ABOUTUS/TheTeam/theteam.html
I would like the footer to be containing the buttons on the left. Thanks!

joslyn (AT) kwdesign (DOT) net wrote:

Please see this link:
http://003a17b.netsolhost.com/kwdwebsite/ABOUTUS/TheTeam/theteam.html
I would like the footer to be containing the buttons on the left. Thanks!

Add overflow: hidden; to the #container css as shown below:


..twoColElsLtHdr #container {
width: 736px; /* this overrides the text-align: center on the body
element. */
background-color: #333;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
border: thick groove #D6D6D6;
overflow: hidden;
}

The buttons on the left side extend past the footer. How do I make the area of
the footer run across below those buttons?
http://003a17b.netsolhost.com/kwdwebsite/ABOUTUS/TheTeam/theteam.html
Thanks!

joslyn (AT) kwdesign (DOT) net wrote:

The buttons on the left side extend past the footer. How do I make the area of
the footer run across below those buttons?
http://003a17b.netsolhost.com/kwdwebsite/ABOUTUS/TheTeam/theteam.html
Thanks!

Try adding clear: both; to the .RightFooter css class, as shown below:

..RightFooter {
background:#333;
color: #CCC;
text-align: center;
font-weight: bold;
font-size: small;
font-variant: normal;
text-decoration: none;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 210px;
clear: both;
}