NS Table Centering

windows · Jan 10, 2008

Hi, 
 
Just finished reading past threads on centering tables in NS, and copied the code, but to no avail. 
 
First of all, I have one master table that All of the content is inside, so that I can have control of page alignment. 
 
I'm using this <div style="text-align:center;"> master table </div> like so and then for the master table tag as this: 
 
.table-main 
{ 
text-align: center; 
width: 768px; 
color: #996633; 
background-color: transparent; 
} 
 
with of course: <table class="table-mail" cellpad...> 
 
But it will not center!! It doesn't make any sense, because I've got it to work before. 
 
Oh yeah, also the CSS for the <body> tag reads as: 
 
body 
{ 
margin-top: 0px; 
margin-left: auto; 
margin-right: auto; 
padding-top: 0px; 
padding-left: auto; 
padding-right: auto; 
background-image: url(images/able-bg-460x460-j30.jpg); 
background-repeat: no-repeat; 
background-position: 377px 95px; 
background-attachment: fixed; 
color: black; 
background-color: white; 
} 
 
 
Any thoughts to shed some light on this? I've gone through the code looking for errors, yet found none and proceeded to run it thru W3C's validator with no problem. 
 
EDIT: ...and no I do not want nor will use the <table align="center"> 
 
Thanks, 
Gandalf

High there Thee Gandalf, 
 
Here is the code that you need<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1"> 
<title>Dead Centre Table</title> 
<style type="text/css" media="screen"> 
 
</style> 
</head> 
<body> 
<div id="horizon"> 
<div id="content"> 
<table id="table_main"><tr><td>This table is now positioned DEAD CENTER</td></tr></table> 
</div> 
</div> 
</body> 
</html> 
c

theadWo! 
 
Thanks for the reply, YET I must've worded my question wrong. (Though I'll definitely keep this code for later use) 
 
Just need to know how to center the table horizontally. 
 
Gandalf

Hi there Thee Gandalf, 
 
If you only want to center the table horizontally... 
then adjust the top in #content to position it vertically 
to wherever you want it

c

theadif the table is 768 pixels wide how can it center in 800x600 resolutions? not much to center by if it is that wide. just make left equal to auto.This is what I was looking for: 
[ margin-left: auto; margin-right: auto; ]. 
 
So now the css code reads as: 
 
 
.table-main 
{ 
text-align: center; 
margin-left: auto; 
margin-right: auto; 
width: 768px; 
border-width: 1px; 
border-style: solid; 
color: #996633; 
background-color: transparent; 
 
 
Scoutt, I agree that not much centering can be done with 768px in an 800x600 resolution setting, yet I want to be sure the page content IS center if a higher screen res is used. 
 
Gandalf

NS Table Centering

windows

Guest