Can someone help me center and make this site expandable?
http://rabrab.no-ip.org:8080/ss/

I've tried but I cant get both, and I had to use absolute positioning, or it would look weird in IE6

rab I'm not 100% sure about you mean by expandable, but I'm assuming you want the left side to expand to meet the height of the main content area.

What I would do is wrap all of your code in a container div with an id of container. Then the css to center it would be:

div#container {width:800px; margin:0 auto}

That will center your page. I think you used 800px as your width. I'd suggest a little less if you're trying to get the page to work at 800x600 resolution. I usually use 760px, but some people go as high as 780px.

Then to get the left side to expand down you can actually apply a little trick. Give the same container div a background color that's the same as you left side, so:

div#container {background-color:#619af3}

The left side really won't be expanding but it will look like it has. You may need to set the white background on the page div. The white border you have will probably need to be moved to the new container div as well.

Thanks, its centered but the left side still wont expand

rab I see the problem. What's going on is that when you've used postioning on the elements you've taken them out of the normal document flow. What that means is that the container divs aren't expanding where you think they will since what's inside of them has actually been removed for the flow.

I played around with some of the css and got things to basically work. There's still a few details to get working better, but this should give you the overall structure you want.

body {
    background: #0433A2;
    color: #000000;
    padding-top: 15px;
    padding-bottom: 5px;
}
div#container {
    width:800px;
    margin: 0 auto;
    background-color: #6A9AF3;
}
div.main {
    background: #FBFBFB;
    color: #000000;
    border: solid;
    border-color: #FFFFFF;
    border-width: 1px;
    width: 800px;
    background-color: #6A9AF3;

}
div.header {
    background: #6A9AF3;
    text-align: right;
}
div.side_module {
    background: #6A9AF3;
    color: #FFFFFF;
    padding: 3px;
    width: 200px;
    top: 120px;
    position: absolute;
    border-right: solid;
    border-right-color: #475CF0;
    border-right-width: 1px;
}
a.navagation {
    background: #6A9AF3;
    color: #FFFFFF;
    padding-left: 3px;
    text-align: left;
    text-decoration: none;
}
a.navagation:hover {
    background: #6A9AF3;
    color: #000000;
    padding-left: 13px;
    text-align: left;
    text-decoration: none;
}
div.page {
    text-align: left;
    background: #FBFBFB;
    color: #000000;
    border-top: solid;
    border-top-color: #475CF0;
    border-top-width: 1px;
    width: 588px;
    padding-top: 20px;
    padding-left: 5px;
    margin-left:207px;
}
div.space {
    margin: 5px;
    text-align: center;
    height: 10px;
    widows: 100%;
    background: #FBFBFB;
    
}
div.login {
    text-align: center;
}
span.landr {
    font-size: 11px;
}
div.info {
    font-size: 12px;
}
div.copyright {
    font-size: 12px;
}
div.news_head {
    background: #475CF0;
    border: solid;
    border-color: #6A9AF3;
    border-width: 1px;
    width: 500px;
    height: 20px;
    margin-bottom: 3px;
    margin-top: 10px;
    text-align: center;
    margin-left: 47px;
    margin-right: 47px;
}
div.news_text {
    background: #FBFBFB;
    color: #000000;
    width: 450px;
    margin-left: 72px;
    margin-right: 72px;
}

Hope it helps.

just wanted to say thank you i was having trouble centering my page in firefox and your centering trick did it! yay!
thanks again!

Glad I could help