NikJ92 Posted June 24, 2008 Share Posted June 24, 2008 My site is still private, but here is my CSS: /* Header */ .header { border: 1px dashed black; background-image: url(gradient-1.png); font-family: Tahoma; font-size: 13px; color: white; width: 163px; text-align: center; } .header2 { border: 1px dashed black; background-image: url(gradient-1.png); font-family: Tahoma; font-size: 14px; color: white; width: 634px; text-align: center; } body { background-color: #4E2F3B; } /* Copyright */ #copyright { background-image: url(gradient-1.png); border: 1px solid black; width: 995px; height: 22px; position: absolute; top: 6400px; left: 6px; } .copyright2 { font-size: 10px; color: #e1d6db; font-family: Tahoma; text-align: center; } #main-c { margin-top:9px; margin-left:auto; margin-right:auto; width:995px; background-image:url(main-c1.gif); background-repeat:repeat-y; } /* Left Column */ #leftcolumn { background-color: #4e2f3b; position: absolute; top: 200px; left: 6px; width: 165px; } /* Right Column */ #rightcolumn { position: absolute; top: 200px; right: 6px; width: 165px; background-color: #4e2f3b; } /* Middle Column */ #midcolumn { position: absolute; top: 200px; left: 169px; width: 647px; padding: 10px; background-color:#4a2a37; } /* Font */ .font1 { color: #e1d6db; font-size: 13px; font-family: Tahoma; position: absolute; left: 20px; } .font2 { color: #e1d6db; font-size: 12px; font-family: Tahoma; } /* Banner */ #banner { background: #442632 url(violet-bannerl-2.gif); float: left; width: 995px; height: 200px; margin: 0px; padding: 0px; position: absolute; top: 0px; left: 6px; } /* Links */ #leftcolumn ul { margin-top: 5px; margin-bottom:5px; margin-left: 0px; padding-left: 0px; list-style-type: none; } #rightcolumn ul { margin-top: 5px; margin-bottom:5px; margin-left: 0px; padding-left: 0px; list-style-type: none; } #midcolumn a { font-size:12px; font-weight:bold; color:#856973; text-decoration:none; font-family: Tahoma; } #midcolumn a:hover { font-size:12px; color:#9c6c7d; font-weight:bold; text-decoration:none; font-family: Tahoma; } #leftcolumn li a:link, #rightcolumn li a:link, #leftcolumn li a:visited, #rightcolumn li a:visited { display: block; width:161px; height:22px; font-size:11px; font-weight:bold; line-height:22px; color:#8e6c78; text-decoration:none; padding-left:7px; background-image:url(http://i304.photobucket.com/albums/nn172/Graphic-Goodies/a-inactive5.gif); background-repeat:no-repeat; margin-bottom:1px; font-family: Tahoma; } #leftcolumn li a:hover, #rightcolumn li a:hover { display: block; width:161px; height:22px; font-size:11px; line-height:22px; color:#a07483; font-weight:bold; text-decoration:none; padding-left:9px; background-image:url(http://i304.photobucket.com/albums/nn172/Graphic-Goodies/a-active5.gif); background-repeat:no-repeat; margin-bottom:1px; font-family: Tahoma; } /* Misc */ hr { color: #906c79; } #subcat { color: #856973; font-size: 10px; font-family: Tahoma; text-decoration: none; text-indent: 5px; } What I want to do is align a footer to the bottom of my page that has text such as copyright information and a link to the privacy policy. I can only seem to do this with a fixed position. The problem with that is different pages on my site have different heights depending on the content, and I don't want to edit the position every time I want to add content to one part of my site, or to have the page too long on a page that doesn't have much content. I have a javascript code that sets my three columns to equal height so that if my middle section has more than the others, the others will adjust their height, or vice-versa (not important, but I thought I'd mention that), and I used DIVs in my html. If you need any more info, let me know. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.