Another stylesheet Question

[ClubMed]

whats the best way to align something in the middle of the page?

in order to align it in the center i have this so far:

The text you see is inside this box:

#main {
background-color: #2e2e30;
padding: 1px;
position: absolute;
top: 280px;
right: 370px;
width: 300px;
border-top: #FFF dotted 1px;
border-bottom: #FFF dotted 1px;
}

for position i am using 'absolute', but since i am a newb at all this i am wondering if there is a better way?

if you resize the page everything kind of messes up, so that led me to thinking whether i used the correct syntax to position #main ?

[muno]

I would put in the <div id="main"> another parameter like this ->
<div id="main" align="center">

//edit:
Except for some odd reason, it doesn't work

//edit3:
Wth is up with this forum... I edit and it shows my edit, I view it again, and the edit is gone..
Sigh.

But, you seem to have put the text-align:center in the right place already, so no need to re-add my previous edit...

[ClubMed]

yeah just tried and it didnt work.

[ClubMed]

in response to your 2nd and 3rd edits, yeah im playing around with it right now, it all messed up.

[muno]

It looks fine to me, alignment wise I mean

[ClubMed]

you probably looked at the page after i gave up the initial idea

[sice]

try this:

top: 50%;
left: 50%;
margin-top: -95px; /* half the height of the object (div,image,etc) (negative sign needed) */
margin-left: -150px; /* half the width of the object (div,image,etc) (negative sign needed) */

i notice you dont have a height specified in your #main. try specifying a height and then modify the code i gave you. that SHOULD horizontally and vertically align that sucker so its right in the middleof the page. good luck with that