Centering content

**astericks** · Nov 2, 2003, 21:53

Hi,

for my index page, I have a table with 2 columns. What i wanna do is center the table both horizontally [i can do that] and vertically.

I dont really know how to make the table appear in the middle of the screen.

My search on this forum came up with mostly centering popup windows...

Do you guys get what I'm trying to say here? Help me out on this .

thx
asT.

**AlexW** · Nov 2, 2003, 22:34

The 'Height' ttribute is buggy so you'll probalby have to use CSS margins. Try something like this for a start.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#content {
	margin:20% 20%;
	text-align:center;
	border:1px solid red
	}
</style>
</head>

<body>
<div id="content">

				<table width="300" border="1" cellpadding="0" cellspacing="0">
                		<tr>
                				<th scope="col">&nbsp;</th>
                				</tr>
                		<tr>
                				<td>sdfsdfsdf</td>
                				</tr>
                		<tr>
                				<td>&nbsp;</td>
                				</tr>
           		</table>
</div>

</body>
</html>

Adjust the margin percentages according to the content inside the main DIV.