Topic: More CSS positioning (Page 1 of 1)

Alright you CSS gurus I'm kinda slow but I am learning this stuff.

I ran into a problem though. I want to center my content div on the page ...right.

Well after some reading I found the

margin: 0 auto;

method. Found that I can't use

position:whatever;

... so I deleted it from my style sheet.
Alright great! it works....but but but... Now what do I do to get a top margin?

I tryed

margin: 50 auto;

.... doesn't work
I tryed adding

margin top: 50;

....doesn't work

Html is here

CSS is here

Flashy signature here...

(Edited by loj58 on 01-27-2007 09:26)

margin-top:50px; would be the correct code...

The Space Between Us | My Blog: lukas.grumet.at

first: when specifying a number other than 0, you need to specify your unit of measure - 50 what?

second: when specifying in the manner you have used, the first value represents the top and bottom, the second value represents the left and right. You can also specify all four sides seperately, in the following order: top right bottom left;

So in your case, you could use any of the following methods:

margin:50px auto; (will put 50 px both top and bottom)
margin:50px auto 0 auto; (will p ut 50px top, 0 bottom)
or using two declrations:
margin:0 auto;
margin-top:50px; (make sure if you do this, the 'margin-top' is following the 'margin' declaration: the last delclaration supercedes any previous ones)

Horse's mouth: http://w3.org/TR/CSS21/box.html#propdef-margin

Thanks so much guys, I guess I had the right idea.... just fell short on the implementation.

Flashy signature here...