I took a brief look at your site. I think I know the cause of your
problem. I use Adobe GoLive so will try and explain the problem in the
terms used by those familiar with that product.
Normally your footer is the last DIV inside the container you have chosen
to enclose the contents of your page. In order to get it to appear below
everything else all you need to do is have it CLEAR any other DIVs that
may have entered the text stream above it.
In this instance you have given the footer DIV a specific position as
shown here:
/* footer */
#footer {
font-family:Arial, Helvetica, sans-serif;
color:#000033;
font-size:0.8em;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #000033;
padding: 5px 0px 10px 5px;
position:absolute;
bottom:0px;
left:145px;
width:690px;
}
The moment you use the left and bottom positioning designations your DIV
is no longer moving with the rest of the text stream. This is how I would
have written that style:
#footer {
color: #000033;
font-size: 0.8em;
font-family: Arial, Helvetica, sans-serif;
padding: 5px 0 10px 150px;
position: absolute;
width: 690px;
clear: both;
border-top: 1px dotted #000033
}
I had to adjust the left padding to push the text back under the right
column.
--
+-------------------------------------------------------------------------+
| Eric Geoffrey Vann, Webmaster Glenbard Township HS District #87 |
| VOICE: 630.942.7722 596 Crescent Boulevard |
| EMAIL: [EMAIL PROTECTED] Glen Ellyn, IL 60137-4297 |
| WEB: http://www.glenbard.net/ |
+-------------------------------------------------------------------------+
"It is our choices that show what we truly are, far more than our
abilities"
~ Dumbledore, Harry Potter and the Chamber of Secrets
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
