Arwen-Undomiel.com :: View topic

Centering with CSS is easy after you know how to do it. The best way to center is to first set the text-align property in your body statement to center. Following that you will need to create a new div statement named content. Add a margin to ‘content’ in your CSS and use the value auto. Remember that everything you want centered on your web page must go inbetween your content div. Your CSS should look similar to this:

Code:

body { text-align: center; }
#content { margin: auto; }

Then, simply implement this into your HTML/XHTML - like so:

Code:

<body>
<div id="content">This content will be centered</div>
</body>

Author:	Morwen Anduril [ September 18th, 2006, 11:52 pm ]
Post subject:	Layout Help
So, I've been wondering how can you center a layout? I here are some examples of what I mean Bruno's Honeypot Skyward thoughts Nightingale I've done lots of googling, but I can't seem to find anything that give a specific answer. Any help will be greatly appreciated!

Author:	Antigone [ September 19th, 2006, 11:52 am ]
Post subject:
I usually do it via <table align="center"> lalala your text </table> Not sure about frames and divs though...

Author:	Lady Dark Moon [ September 19th, 2006, 7:22 pm ]
Post subject:
with divs, I simply align it so that it looks like it's in the center of the screen. I know it's not the proper way to do it, but... I can't exactly explain how you center a layout. my layout looks like this http://www.freewebs.com/tohs/ and the way I got it to center is with a repeating background that looks like this http://www.freewebs.com/tohs/background.jpg

Author:	keyodie [ September 22nd, 2006, 5:02 pm ]
Post subject:
^You can do it that way, but for users with 800x600 resolution, it'll look really big and there will be annoying little arrows just to go back and forth to see everything. :/ I havn't tried it yet, but this is what I found on a site: Quote: Centering with CSS is easy after you know how to do it. The best way to center is to first set the text-align property in your body statement to center. Following that you will need to create a new div statement named content. Add a margin to ‘content’ in your CSS and use the value auto. Remember that everything you want centered on your web page must go inbetween your content div. Your CSS should look similar to this: Code: body { text-align: center; } #content { margin: auto; } Then, simply implement this into your HTML/XHTML - like so: Code: <body> <div id="content">This content will be centered</div> </body>

Arwen-Undomiel.com http://www.arwen-undomiel.com/forum/

Layout Help http://www.arwen-undomiel.com/forum/viewtopic.php?f=27&t=11131	Page 1 of 1

Page 1 of 1	All times are UTC - 5 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group http://www.phpbb.com/