Code for centering

**Mattgt** · 02-18-2007, 04:42 AM

any one no the html code that centers my website in any browser safri,ff,ie , ex....

**tech_support** · 02-18-2007, 04:48 AM

**jlhaslip** · 02-18-2007, 06:42 AM

The code listed above will centre only the div it styles. This code will centre the entire site. Be sure to "uncentre" those things you want left justified.

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>An XHTML 1.0 Strict standard template</title>
	<meta http-equiv="content-type" 
		content="text/html;charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css">
body { margin: 0 auto; /* for modern browsers */
      text-align:center;  /* for older browsers */
      }
      </style>

</head>
<body>

<div>... site code here

     <p>... Your HTML content here ...</p>
  <p>
    <a href="http://validator.w3.org/">validate the xhtml</a>
  </p></div>
  
</body>
</html>

**tech_support** · 02-18-2007, 08:37 AM

IE supports XHTML really badly.

http://www.hixie.ch/advocacy/xhtml

**jscheuer1** · 02-18-2007, 09:10 AM

Styling the body like so:

Code:

<style type="text/css">
body { margin: 0 auto; /* for modern browsers */
      text-align:center;  /* for older browsers */
      }
      </style>

Can lead to more problems in a complex layout than will using a wrapper division:

Code:

<style type="text/css">
#wrapper { margin: 0 auto; /* for modern browsers */
      text-align:center;  /* for older browsers */
      }
      </style>

HTML Code:

<body><div id="wrapper">

Your markup here

</div></body>

Also, text-align:center can have unexpected consequences, especially if absolute positioning is used within the content of an element so styled.

**mburt** · 02-18-2007, 09:46 PM

Is the align attribute depreciated for <p>?

**codeexploiter** · 02-19-2007, 03:31 AM

Originally Posted by mburt

Is the align attribute depreciated for <p>?

Yes it is. You can have a look at this page

Thread: Code for centering

Thread Tools

Search Thread

Code for centering

Bookmarks

Bookmarks

Posting Permissions