Div Align In CSS?

dezinerite · Dec 31, 2008

What's the best way (well, most simplest :D ) to achieve a centralized layout using CSS?

I've been playing around with 'right', 'left' and 'position' but it's starting to get a little confusing...

Is it normal to just place everything between a div align tag or is there a proper CSS method of doing it?

Thanks in advance, I really do appreciate the help!

enlytend · Dec 31, 2008

Make a wrapper div and set the left and right margins to "auto".

In the stylesheet:

Code:

...
#wrapper {margin:0 auto;}

...

HTML:

<body>
<div id="wrapper">
rest of your page goes here
</div>
</body>

That will center your entire page on the screen. To center divs within it, do the same thing. Don't use "align=center" unless you're using a transitional doctype - it's deprecated.

To center some text within another element, apply the css code text-align:center to the enclosing element (p, td, div, whatever).

dezinerite · Dec 31, 2008

Thanks, it worked. :D +repped.

gaucho1976 · Dec 31, 2008

enlytend said:
Make a wrapper div and set the left and right margins to "auto".

In the stylesheet:

Code:

... #wrapper {margin:0 auto;} ...

HTML:

<body> <div id="wrapper"> rest of your page goes here </div> </body>

That will center your entire page on the screen. To center divs within it, do the same thing. Don't use "align=center" unless you're using a transitional doctype - it's deprecated.

To center some text within another element, apply the css code text-align:center to the enclosing element (p, td, div, whatever).

That's correct. I always use margin: auto auto; though, it works better with alternative screen layouts suchs as cellphones and weird screen resolutions, but "0 auto;" is always a safe bet for common resolutions

Nodws · Jan 1, 2009

remember you mus always have a <!DOCTYPE tag, for the margins to work correctly on all browsers

Div Align In CSS?

More options

dezinerite

VIP Member

enlytend

Top Member

dezinerite

VIP Member

gaucho1976

Established Member

Nodws

DeveloperVIP Member

Similar threads

We're social

New posts ➔

Auction activity ➔

How do you think a potential buyer first checks if your domain is for sale?

Polls of interest ➔

Hot this week ➔

Community favorite ➔

Hot this month ➔

Blog favorites

VirtualCounsellor.com

MetaApollo.com

NewYearsBash.com

kice.co.uk

Kais.net

Bildschoen.com

HallandaleRoofing.com

73Wallet.com

amplitude.cc

jazo.co.uk

Pinned

Appreciation

Agreement

Answers

Relevance

Reaction

Status

Feeling