[css-d] footer w/ absolute position and height?

Sent by thomas on 29 September 2002 05:05

hello all,

i have this style:

.footer1 {
  position: absolute;
  bottom: 0px;
  width: 100%;
  background-color: #333;
  border-top: 1px solid #f0f0f0
  }

.footer2 {
           position: absolute;
  bottom: 12px;
  width: 100%;
  background-color: #333;
  height:4px
  }

.footer3 {
  position: absolute;
  bottom: 16px;
  width: 100%;
  background-color: #f0f0f0;
  height: 5px
  }

and i want to have a three-band footer at the bottom of my page, no matter
where the document ends;

it looks like IE6 understands this CSS but Moz and Opera are not accepting
the height values...is there a workaround for this?

the html looks like this now:

 <div class="footer3">
 </div>

 <div class="footer2">
 </div>

 <div class="footer1">
 <p class="copy">&copy;2002 All Rights Reserved </p>
 </div>

-thanks

thomas
www.motiontheque.com/news (pure css)
www.motiontheque.com (useless)