trying to center a page

phrozt · Mar 24, 2005

I'm having a huge brain fart and I can't figure out how to center my page. I'm making the width 600, but I want to center it so that it looks nice on a larger resolution.

cLFlaVA · Mar 24, 2005

Short answer:

two style definitions:

Code:

body {
    text-align: center;
}

#wrapper {
    width: 600px;
    margin: 0 auto;
}

then, wrap everything that's in between your [tt]<body>[/tt] and [tt]</body>[/tt] tags with this:

Code:

<div id="wrapper">
...
</div>

*cLFlaVA
----------------------------
[tt]a frickin' twelve-gauge, what do you think?[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

Foamcow · Mar 24, 2005

I would add

Code:

body {
    text-align: center;
}

#wrapper {
    width: 600px;
    margin: 0 auto;
    [b]text-align:left;[/b]
}

Unless you want all your text centred in standards compliant browsers.

Foamcow Heavy Industries - Web design and ranting
Toccoa Games - Day of Defeat gaming community
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
"I'm making time

phrozt · Mar 24, 2005

that did the trick.. I was afraid the text-align would make all my text centered.. but it didnt.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

trying to center a page

phrozt

IS-IT--Management

cLFlaVA

Programmer

Foamcow

Programmer

phrozt

IS-IT--Management

Similar threads

Part and Inventory Search

Sponsor