how to center

**navb01** · 04-15-2009, 11:55 PM

a webpage?

I need some help ive searched but I dont know what code to put in and where!

***Chris*** · 04-16-2009, 12:56 AM

Depends on what you want to center. If it's text then you should be centering the p element in css. If it's a block element, there's a number of ways to do it.

**navb01** · 04-16-2009, 01:46 AM

it was centering the entire webpage but I managed to figure it out

***Pet*** · 04-16-2009, 02:19 AM

You can always use <center> </center> or what I like to do is, make a <div> with a defined width, then set its left 50%. This will bring the top left corner of the div to be centered on the page width wise. Then just set margin-left to -[half of the width of the div] For example, if my div was 900px wide, I would set the margin-left to -450px.

***Chris*** · 04-17-2009, 01:37 AM

Another way (my personal favorite) if you are wanting to center a container div, you can use margin-left:auto and margin-right: auto. This only works horizontally, but most of my work spans the whole page lengthwise, so I don't really have to worry about it. The auto trick seems to be pretty cross-browser compatible as well.

**navb01** · 04-18-2009, 05:02 AM

okay cool :]

**samlko** · 06-05-2010, 08:42 AM

Try to use CSS for all the formatting for a webpage and to center a webpage <div> tag is a best option to use with align as a center.....

**doh85** · 09-08-2010, 05:10 PM

Try not to use <center> if you want to keep up with modern times.

Straight after the <body> tag, its best to enter a <div id="container"> tag, and then close the tag just before the body tag is closed. Using CSS you can center all of the content on the page by using this:

Code:

#container {margin:0 auto;}

» Search Forums

» Online Users: 8,178

» Site Navigation

» Stats

Thread: how to center

Thread Tools

Search Thread

Display

how to center

Posting Permissions