Wowebmaster.com » Css http://www.wowebmaster.com World of Webmaster: Sharing Experiences Sun, 23 Jan 2011 23:40:20 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 CSS Centering Web Page http://www.wowebmaster.com/css/css-centering-web-page/ http://www.wowebmaster.com/css/css-centering-web-page/#comments Sat, 02 May 2009 20:40:02 +0000 sguler http://www.wowebmaster.com/?p=93 If you are new to CSS, you may be having diffucult to center web pages horizontally. I remember I was trying to center the page by defining extra divs with align:center attributes. That is not necessary though. Just adding a margin attribute which is set to “auto” for left and right would do the trich to center your pages. See the following css code:

?View Code CSS
/* CSS Document */
body { text-align:center } /*For IE6 Shenanigans*/
#content { width:907px; margin:0 auto; text-align:left } /* Centering Page */

You see the margin attribute ? By setting it to auto, the margins to the left and right will be automatic, which means your page will be centered. Of course, you have to specify a width for your div, otherwise the browser will not be able to calculate the margins to the left and right. The following shows the HTML code.

?View Code HTML
<!--CTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt-->
<div id="content">
 
<!-- ALL THE CONTENT GOES HERE --></div>

That’s it. Enjoy.

Share/Save/Bookmark]]> http://www.wowebmaster.com/css/css-centering-web-page/feed/ 0