Jump to content

[SOLVED] Aligning a footer?


NikJ92

Recommended Posts

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.