For some odd reason in firefox I get an issue with my code, my "footer" refuses to locate itself bellow the content... even though my css is correct... can someone please take a look and tell me how I messed up?
*I realize I have no text on the site, I'm currently blocking it out.
HTML:
UBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="default.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Digital Den Entertainment</title>
</head>
<body>
<div id="pageWrapper">
<div id="page">
<div id="header">
<div id="logo"></div><!-- /logo -->
<div id="search"></div><!-- /search -->
<div id="topLinks"></div><!-- /topLinks -->
</div><!-- /header-->
<div id="primaryNavContainer"></div><!-- /primaryNavContainer -->
<div id="content">
<div id="left"></div><!-- /left -->
<div id="right">
<div id="main"></div><!-- /main -->
</div><!-- /right-->
</div><!-- /content -->
<div id="footer">
<div id="footL1"></div><!-- /footL1 -->
<div id="footL2"></div><!-- /footL2 -->
<div id="footR2"></div><!-- /footR2 -->
<div id="footR1"></div><!-- /footR1 -->
<div id="legal"></div><!-- /legal -->
</div><!-- /footer -->
</div><!-- /page -->
</div><!-- pageWrapper -->
</body>
</html>CSS:
/* @START GLOBAL RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* @END GLOBAL RESET */
/*---------------------*/
/* @START STRUCTURE */
#pageWrapper {
position:relative;
width:100%;
}
#page {
height:auto;
margin:0 auto auto auto;
position:relative;
width:1000px;
}
/* @START HEADER */
#header {
height:165px;
margin:0;
position:absolute;
top: 0;
width:1000px;
}
#logo {
height:165px;
left:0;
margin:0;
position:absolute;
top:0;
width:400px;
}
#search {
height:35px;
margin:0;
position:absolute;
right:0;
top:130px;
width:300px;
}
#toplinks {
height:35px;
margin:0;
position:absolute;
right:0;
top:0;
width:250px;
}
/* @END HEADER */
/* @START PRIMARY NAV */
#primaryNavContainer {
background:#000;
height:35px;
margin:0;
position:absolute;
top:165px;
width:1000px;
}
/* @END PRIMARY NAV */
/* @START CONTENT */
#content {
background:#AAA;
border:#000 solid 1px;
height:498px;
margin:0;
padding:0;
position:absolute;
top:200px;
width:998px;
}
#left {
border-left:#AAA solid 1px;
height:498px;
left:0;
padding:10px;
position:absolute;
top:0;
width:244px;
}
#right {
height:498px;
margin:0px;
position:absolute;
right:0;
top:0;
width:754px;
}
#main {
height:478px;
left:10px;
margin:10px;
position:absolute;
top:10px;
width:734px;
}
/* @END CONTENT */
/* @START FOOTER */
#footer {
height:285px;
margin-top:10px;
padding:0;
postion:absolute;
top:700px;
width:1000px;
}
#footL1 {
background-color:#000;
height:250px;
left:0;
padding:5px;
postion:absolute;
width:240px;
}
#footL2 {
background-color:#000;
height:250px;
left:255px;
padding:5px;
position:absolute;
width:230px;
}
#footR2 {
background-color:#000;
height:250px;
padding:5px;
position:absolute;
right:255px;
width:230px;
}
#footR1 {
background-color:#000;
height:250px;
padding:5px;
position:absolute;
right:0;
width:240px;
}
#legal {
bottom:0;
height:25px;
postion:absolute;
width:1000px;
}
/* @END FOOTER */
/* @END STRUCTURE */
/*---------------------*/
/* @START FONT */
/* @END FONT */