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?

VIP Member

Top Member

VIP Member

Established Member

Domain DeveloperVIP Member

Cross.co

lumixen.com

Cherry.co

Mafic.com

Open.House

Betzi.com

Kurnool.com

Twitch.co

TaxiConnect.com

Sales.Training

Similar threads

We're social

Cross.co

lumixen.com

Cherry.co

Mafic.com

Open.House

Betzi.com

Kurnool.com

Twitch.co

TaxiConnect.com

Sales.Training

Pinned

Appreciation

Agreement

Answers

Relevance

Reaction

Status

Feeling