CSS - Ie7 - Website Moved Across

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;
}

Hi, I just registered with this forum because I cannot seem to solve a problem.
I'm not a web developer or aspire to become one, I'm a photographer and I've decided to update my website using CSS (I've been reading here and there to learn about it).

It's taking me a lot longer than I thought but I'm not willing to give up yet.
I've uploaded to my server (where I have my current site) three pages not linked yet that will be part of the new website.

http://www.barbarabadettipalumbo.com/ratesindexnew.html

http://www.barbarabadettipalumbo.com/childrengallery/childrenportraitindexnew.html

http://www.barbarabadettipalumbo.com/aboutindexnew.html

I've placed the navigation in the footer and in the :aboutindexnew" page the footer doesn't stay at the bottom of the page as in the previous two pages but appears in the container. I tried clearing the footer and other things but cannot figure it out how to do it.
I would also like to know how two reduce the space between the two columns of text and how to move the photo closer to the text.

Any help or other advice will be appreciated as I've already spent way too many hours on this.

Thanks for reading.
Barbara

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.

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

So I have uploaded my site via dreamweaver to my web host. Everything looks great through the editor (even under 'Live View'). When I actually type in my website in the browser only parts of the back round show up! I've tried editing everything that I possibly can (to my knowledge). Can someone please help?! Thanks so much

My site: tyspetservices DOT com


Thanks again guys !