HTML/CSS help! center page!

[zCypher]

Literacy Unlimited

Notice the page is all the way on the left. I need to center it. How can I do this? The site was designed using CSS and regardless of everything I've tried it's staying on the left. Any tips/ideas?

 

[stndn]

well, first, unless my eyes are deceiving me (it's about midnight after all), i don't see anything that says to center the texts ...

also, i looked at your css file, all the tags (or whatever those rules are called -- i forgot) use absolute positioning, with certain left position (pixels)

try removing the absolute positioning, and then try the <center> tag ...
or make the text-align:center;

or maybe someone else can shed some light to it as well....

 

[dukdukgoos]

Just assign left and right margins to your divs (margin-left: 20%;margin-right: 20%). Your main content area will need to be flexible to (60%, for example).

 

[CalebTG]

Personally, I'd take the easy way out and and put everything in one centered table (a table with 1 row and 1 column) with no border. Might need to set a max width to avoid wrapping.

 

[Barnaby W. Füi]

Originally posted by: CalebTG
Personally, I'd take the easy way out and and put everything in one centered table (a table with 1 row and 1 column) with no border. Might need to set a max width to avoid wrapping.

i would call that the 1997-style way out.

one of the main purposes of using css is to seperate content from formatting, and get all visual elements out of the html, and let it be pure markup of *content*, allowing the css to handle the colors and layout and whatnot.

what this means is ditching <b>, <tables> (for layout, not tabular data), <center>, <font>, etc. if i decided to tomorrow, i could totally change the look of my site, just by editing the css file. if i was using <center>s and <font>s and markup like that, it would take anywhere from a few minutes (small site), to an hour or so, or a few hours (medium site), or even days or weeks (huge corporate site) to edit all of the html, which is spread out in many different files.

</webdorkrant>

like dukdukgoos said, just assign a margin % on each side of the body, and it will center down the midde.