Centering my page.

**trick_daddy** · 01-29-2006 06:21 PM

Please be gentle.
I am a begining web developer for my own business and I'm trying to get my website to stop loading first and then centering in the browser. It looks terrible. I would like everything to simply center first and then load.
Any help would be greatly appreciated.

**ray326** · 01-29-2006 09:54 PM

Got link?

**pcthug** · 01-30-2006 02:08 AM

What Doctype are you using?
if a HTML you can put a <center> tag before anything else inside your body, followed by a </center> tag just after the end of your content, however the best practice is to use a Div that is align to the center of the page, here are a couple of examples:

Code:

<div align="center">
Content goes here...
</div>

---

<div style="text-align: center">
Content goes here...
</div>

Please note, If your using xhtml the center tag is not valid markup, so a mixture of div's and css must be used.

**Fang** · 01-30-2006 02:15 AM

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>center contents</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css">
<!-- 
body {
text-align:center;
}
#container {
margin:0 auto;
width:80%;
text-align:left;
}
#contents {border:1px solid red;}
-->
</style>

</head>
<body>
<div id="container">
	<div id="contents">
   		<p>centered contents</p>
	</div>
</div>
</body>
</html>

Thread: Centering my page.

Thread Tools

Display

Centering my page.

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions