Okay, so my footer isn't expecting as I want it to be. It keeps going everywhere around the page. Can someone fix this for me, the whole style is messed up now due to lack of my css knowledge.
Footer:
Code:
/* BlackRainbow Stylesheet. Made by Ruko */
body {
background-image: url('images/top.png');
background-repeat:no-repeat;
background-color: #000000;
font: 11px "Lucida Sans Unicode", Arial, Verdana, sans-serif;
color: white;
height: 100%;
}
a:link {
text-decoration:none;
color: #00BACC;
}
a:visited {
text-decoration:none;
color: #00BACC;
}
a:hover {
text-decoration:underline;
color:cyan;
}
.wrap{
width: 994px;
margin-left: auto;
margin-right: auto;}
br {
color: #0072FF;
}
h3 {
color: #0072FF;
}
h4 {
color: #00A9FF;
border-bottom: 1px dotted #bfbfbf;
zoom: 1;
}
#conTOP {
background-image:url('images/contop.png');
background-repeat: no-repeat;
float: left;
position:relative;
width: 700px;
height: 320px;
top:170px;
}
#conBOT {
background-image:url('images/conbot.png');
background-repeat: no-repeat;
float: left;
left:0px
}
.navlist {
background-image:url('images/navlist.png');
background-repeat: no-repeat;
float: right;
position: relative;
width: 250px;
height: 600px;
top:170px;
}
ul
{
list-style-type:none;
margin:0;
padding:0;
}
#content {
position:relative;
float: left;
width: 660px;
height: 320px;
left:20px;
top:30px;
}
.minfo {
width: 600px;
height: 35px;
color: #9BB4FF;
}
.texta {
background-color: #005577;
border: 1px solid #0078A8;
color: white;
font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
.togglelink{
color: cyan;
}
.playnowbtn{
position:relative;
left:40px;
}
#gametbl {
color: white;
border-collapse: collapse;
table-layout: fixed;
border-style:solid;
border-color:lightblue;
border-width:1px;
width: 100%;
font: 11px "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
#gametr1 {
font-weight: bold;
border-style:solid;
border-color:lightblue;
border-width:1px;
color: white;
}
.gametr2 TD {
text-align: left;
padding: 5px 5px;
background: #007BD3;
}
.gametr3 TH {
border-style:solid;
border-color:lightblue;
border-width:1px;
background: #002e40;
opacity: 0.7;
}
#gameth {
border-style:solid;
border-color:lightblue;
border-width:1px;
background: #7CE4FF;
}
#logoimg {
background-image: url('http://flash-planet.co.cc/images/logo.png');
position: absolute;
left: 160px;
top: 5px;
}
#categorytitle {text-transform:capitalize;}
ul#list-nav {
list-style:none;
margin:20px;
padding:0;
width:525px
}
ul#list-nav li {
display:inline
}
ul#list-nav li a {
text-decoration:none;
padding:5px 0;
width:80px;
font: 15px "Lucida Sans Unicode", Arial, Verdana, sans-serif;
color:#lightblue;
float:left;
text-align:center;
}
#navpos {
position:absolute;
left:485px;
top:2px;
}
#footerbg {
position:absolute;
top: 234px;
width: 1200px;
height: 600px;
background: transparent url(images/footer.png) no-repeat bottom center;
z-index: 0;
}
#footertxt {
position:relative;
width: 100%;
height: 100%;
padding-top:25px;
text-align: bottom center;
visibility: hidden;
}
#footerTb {
width: 775px;
height: 62px;
margin: 0px auto;
}
#footer {
width: 100%;
height: 60px;
position: absolute;
bottom: 0px;
}
.disclaimer {
font-size: 9px;
line-height: 11px;
color: #4d4d4d;
vertical-align: text-top;
}
#copyright {
text-align: right;
}Footer:
Code:
<div id="footerbg"> </div>
<div id="footer">
<table id="footerTb">
<tr>
<td colspan="2" id="links2"><p>Links: <a href="Tos.php">Terms of Service</a> | <a href="PrivacyPolicy.php">Privacy Policy</a> | <a href="Disclaimer.php">Disclaimer</a> | <a href="Report.php">Report Errors</a> | <a href="ContactUs.php">Contact Us</a></p></td>
</tr>
<tr>
<td class="disclaimer">Disclaimer: All the gaming content and flash belongs to their respective company or owner</td>
<td class="disclaimer" id="copyright">Copyright 2010 Flash Planet</td>
</tr>
</table>
</div>
</div>
