LayOut Trouble

[eXceed69]

I started my home page ang here it is:
901

902

my problem is i cannot had a footer...I can't get how could I insert the footer to my css and to the page

here the code for CSS



body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-family: Arial, Helvetica, sans-serif;
background: #FFFAFA;
}

a:link {
color: #1C1C1C;
text-decoration: none;
} /* unvisited link */
a:visited {
color: #1C1C1C;
text-decoration: none;
} /* visited link */
a:hover {color: #0099CC} /* mouse over link */
a:active {color: #0099CC} /* selected link */


.seperators {color: white}/* Navigation selector */
#nav {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
}
#nav a:link {
color: #FFFFFF;
text-decoration: none;
} /* unvisited link */
#nav a:visited {
color: #FFFFFF;
text-decoration: none;
} /* visited link */
#nav a:hover {color: #0099CC} /* mouse over link */
#nav a:active {color: #0099CC} /* selected link */


/* menu*/


/* left column */
#left {
position: absolute;
left: 15px;
top: 160px;
width: 200px;
background: #F5F5F5;
border-bottom: 0.5pt solid RGB(0,0,0);
border-right: 0.5pt solid #D3D3D3;
}
#left .searchengine {
width: 180px;
margin: 10px;
background: #DCDCDC;
padding-bottom: 4px;
padding-top: 4px;
border-bottom: 0.5pt solid RGB(0,0,0);
}
#left img {width: 180px; margin: 10px;}
#left .leftbox {width: 180px; margin: 10px;}
#left .leftbox .leftheaderbox {
background: url('../images/Header.gif') #E2E2E2;
background-repeat: no-repeat;
height: 30px;
font-size: 14px;
font-weight: bold;
border-bottom: 0.5pt solid RGB(0,0,0);
}
#left .leftbox .leftheaderbox span {
top: 7px;
left: 6px;
position: relative;
color: #F0F8FF;
}
#left .leftbox .leftheaderlist {
background: url('../images/headerlist.gif') #E2E2E2;
background-repeat: no-repeat;
height: 25px;
font-size: 12px;
font-weight: bold;
border-bottom: 0.5pt solid RGB(0,0,0);
}
#left .leftbox .leftheaderlist span {
top: 7px;
left: 7px;
position: relative;
color: #F0F8FF;
}

#left .leftbox .leftboxlist{
border-top: 1px outset;
font-size: 10px;
background: #E2E2E2;
background-repeat: no-repeat;
background-position: 5px;
padding-left: 18px;
padding-top: 4px;
height: 18px;
border-left-style: none;
border-right-style: none;
border-top-style: none;
border-bottom: 0.5pt solid RGB(0,0,0);
}

/* middle column */
#center {
position: absolute;
top: 155px;
width: 543px;
margin-left: 230px;
margin-right: 230px;
background: #F5F5F5;
border-bottom: 0.5pt solid RGB(0,0,0);
border-right: 0.5pt solid #C8C8C8 ;
}
#center .middlenav{
width: 543px;
height: 20px;
background: #A80000;
border-bottom: 1.5pt solid #D2B48C;
}
#center .middlecontent{
width: 543px;
}
#center .middlecontent .title{
position: relative;
font-size: 12px;
font-weight: bold;
text-align: left;
margin: 5px;
background: #D3D3D3;
color: #708090;
border-top: 1.5pt solid #A80000;
border-bottom: 1.5pt solid #A80000;
}

#center .middlecontent .content{
position: relative;
margin: 5px;
font-size: 10px;
text-align: justify;
text-indent: 5px;
}


/* right column */
#right {
position: absolute;
right: 15px;
top: 160px;
width: 200px;
background: #F5F5F5;
border-bottom: 0.5pt solid RGB(0,0,0);
border-right: 0.5pt solid #D3D3D3;
}
#right .rightbox {width: 180px; margin: 10px;}
#right .rightbox .rightheaderbox {
background: url('../images/Header.gif') #E2E2E2;
background-repeat: no-repeat;
height: 30px;
font-size: 14px;
font-weight: bold;
border-bottom: 0.5pt solid RGB(0,0,0);
}
#right .rightbox .rightheaderbox span {
top: 7px;
left: 6px;
position: relative;
color: #F0F8FF;
}
#right .rightbox .rightheaderlist {
background: url('../images/headerlist.gif') #E2E2E2;
background-repeat: no-repeat;
height: 25px;
font-size: 12px;
font-weight: bold;
border-bottom: 0.5pt solid RGB(0,0,0);
}
#right .rightbox .rightheaderlist span {
top: 7px;
left: 7px;
position: relative;
color: #F0F8FF;
}

#right .rightbox .rightboxlist{
border-top: 1px outset;
font-size: 10px;
background: #E2E2E2;
background-repeat: no-repeat;
background-position: 5px;
padding-left: 18px;
padding-top: 4px;
height: 18px;
border-left-style: none;
border-right-style: none;
border-top-style: none;
border-bottom: 0.5pt solid RGB(0,0,0);
}




Can Some one..please help me

[eXceed69]

why?! no one cares?

[NXArmada]

First you can find an answer to your problem on Google.

Second you need to give a link to your page so we can look at how you have the CSS and HTML written.

[mburt]

Also, don't use position:absolute when creating layouts. Use block-level elements with float:left.
When you want to add a footer, use clear:left to ensure nothing overlaps.

position:absolute can produce very inaccurate layouts when the page is resized, at different screen resolutions, etc.