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. Link to comment https://forums.phpfreaks.com/topic/111603-solved-aligning-a-footer/ Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.