Making websites float

[thehosti]

Hello,
I am trying to make my page "float" on the top of the background. When I say float I mean the main site sits in front of the background always in the middle. It is kind of hard to explain so I found some examples of what I'm looking for:

http://www.lunarpages.com/index.php
http://www.gatorhost.com/
http://www.thehosting101.com

As you look at the 3 pages above you will see that the main site sites in front of a different color background and always stays in the middle of your screen no matter what resolution. Does anybody know how I can do this?

Any help is appreciated.

[Rob]

What you are looking for is essentially a fixed width design that is centered horizontally.

Simple put your design into a containing Div tag with an ID of 'container' and then apply the following CSS:-
[html]#container {
margin:0 auto;
text-align:center
}

Hope this helps.

[thehosti]

I tried following your directions and placed the following right below my
body tag:

<div id='container'>[html]#container {
margin:0 auto;
text-align:center
}</div>

That is the exact code that I tried to place. I'm not that great with html.
Could you tell me what I am doing wrong? Thanks for your help!

[herkalees]

Take a look at this thread. A few posts down I explained how to do it.

http://www.webforumz.com/css-forum/6...vertically.htm