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
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • 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.