CSS - Need Help With Css For New Website

Hey, I need someone to look at my website html/css and fix a few errors for me. I'm unable to fix them. I'll pay you! Its a quick fix I think and should not take too long.

Kris

runenation.com

(By know means is this a advertisement, I'm not even ready for members yet!)

I want that skin to expand the whole page.


The skin is only random, I will edit the pictures and stuff later.

Quote:
body {
background-color: #B0B0B0;
text-align: center;
margin-top: 50px;
}
#topline {
background-color: #29363E;
height: 9px;
}
#logocell {
background-color: #FFFFFF;
width: 174px;
height: 134px;
}
#maintable {
width: 770px;
text-align: left;
}
#menu {
background-color: #29363E;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
vertical-align: top;
text-align: left;
padding-top: 20px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 20px;
}
#menu a {
font-family: Arial, Helvetica, sans-serif;
color: #AEB6BB;
font-size: 10pt;
text-decoration: none;
line-height: 1.4em;
}
#menu a:hover {

font-family: Arial, Helvetica, sans-serif;
color: #797B00;
font-size: 10pt;
text-decoration: none;
line-height: 1.4em;
}
/*================================================================================
>> Main Menu Links
================================================================================*/

td.vmenu_main_off {
width: 100%;
border: 0px;
padding: 0px 0px 0px 0px;
}

td.vmenu_main_on {
width: 100%;
border: 0px;
padding: 0px 0px 0px 0px;
}

div.vmenu_main_off {
width: 100%;
font-size: 13px;
font-weight: normal;
}

div.vmenu_main_on {
width: 100%;
font-size: 13px;
font-weight: bold;
}
/*================================================================================
>> Main Menu Links END
================================================================================*/
/*================================================================================
/* Sub Menu Links
================================================================================*/
td.vmenu_sub_off {
width: 100%;
border: 0px;
padding: 0px 0px 0px 15px;
}

td.vmenu_sub_on {
width: 100%;
border: 0px;
padding: 0px 0px 0px 15px;
}

div.vmenu_sub_off {
width: 100%;
border: 0px;
padding: 0px 0px 0px 15px;
font-size: 9pt;
font-weight: normal;
}

div.vmenu_sub_on {
width: 100%;
border: 0px;
padding: 0px 0px 0px 15px;
font-size: 9pt;
font-weight: bold;
}
/*================================================================================
/* Sub Menu Links END
================================================================================*/
#maincontent-index {
background-color: #FFFFFF;
width: 365px;
text-align: left;
vertical-align: top;
padding-top: 20px;
padding-left: 20px;
padding-right: 15px;
padding-bottom: 20px;
}
#maincontent-index h1 {
font-family: Arial, Helvetica, sans-serif;
color: #797B00;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
#maincontent-index p {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: normal;
text-decoration: none;
color: #000000;
}
#maincontent-index2 {
background-color: #FFFFFF;
width: 560px;
text-align: left;
vertical-align: top;
padding-top: 20px;
padding-left: 20px;
padding-right: 15px;
padding-bottom: 20px;
}
#maincontent-index2 h1 {
font-family: Arial, Helvetica, sans-serif;
color: #797B00;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
#maincontent-index2 p {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: normal;
text-decoration: none;
color: #000000;
}
#footer {
background-color: #29363E;
height: 20px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
color: #AEB6BB;
text-decoration: none;
font-size: 8pt;
text-align: right;
padding-right: 10px;
padding-top: 4px;
}
#rightcontent {
background-color: #FFFFFF;
width: 196px;
vertical-align: top;
padding-top: 20px;
padding-bottom: 10px;
}
#promo {
width: 188px;
border: 1px solid #9A9B9D;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
#promo2 {
width: 188px;
border: 1px solid #9A9B9D;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
#promo h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #D0440F;
text-decoration: none;
margin-bottom: 2px;
}
#promo p {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
text-decoration: none;
font-weight: normal;
margin-top: 0px;
}

Someone recently recommended that I redo my website in all CSS. I started, but I can't do it for the life of me, I just don't know enough.

If you want to see what I have so far, the page that I doing with all CSS is located here. The css file is here.

I'm sorry if this seems like a big thing to ask in the forums. Any help is appreciated.

My site looks as expected in IE, but Netscape...Fotget it. I can't figure it out, i've been at it for a long time.

goto www.eldore.com

Attached is my css file.

Thanks

Hello,

I am having a problem with the aligning of m website. Whenever I view my website in a normal size window everything looks fine and in it's place. However when I full screen my browser window everything stays to the left, and my background repeats, nothing moves with the browser window.

My question is how do I have everything on my webpage automatically adjust to the browser window? Thanks!