Ruriko
08-05-2006, 09:00 AM
This is my layout http://examples.awardspace.com/
See that Layout © Ruriko in the content box. How do I make it sit at the very bottom?
body {
background-image: url(images/bg.jpg);
background-repeat: repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #10659C;
}
#Content {
background-image: url(images/index_03.jpg);
background-repeat: repeat-y;
padding: 10px;
position:absolute;
width:390px;
z-index:4;
left: 30px;
top: 417px;
}
#Top {
position:absolute;
width:200px;
height:115px;
z-index:3;
}
#Nav {
position:absolute;
width:239px;
height:166px;
z-index:2;
left: 483px;
top: 417px;
}
#bottom {
position:absolute;
width:111px;
height:24px;
z-index:5;
visibility: visible;
left: 142px;
top: 247px;
bottom: 0px;
}
a:link {
color: #10659C;
text-decoration: none;
}
a:visited {
color: #10659C;
text-decoration: none;
}
a:hover {
color: #000066;
text-decoration: none;
}
a:active {
color: #10659C;
text-decoration: none;
}
See that Layout © Ruriko in the content box. How do I make it sit at the very bottom?
body {
background-image: url(images/bg.jpg);
background-repeat: repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #10659C;
}
#Content {
background-image: url(images/index_03.jpg);
background-repeat: repeat-y;
padding: 10px;
position:absolute;
width:390px;
z-index:4;
left: 30px;
top: 417px;
}
#Top {
position:absolute;
width:200px;
height:115px;
z-index:3;
}
#Nav {
position:absolute;
width:239px;
height:166px;
z-index:2;
left: 483px;
top: 417px;
}
#bottom {
position:absolute;
width:111px;
height:24px;
z-index:5;
visibility: visible;
left: 142px;
top: 247px;
bottom: 0px;
}
a:link {
color: #10659C;
text-decoration: none;
}
a:visited {
color: #10659C;
text-decoration: none;
}
a:hover {
color: #000066;
text-decoration: none;
}
a:active {
color: #10659C;
text-decoration: none;
}