How can we put the Table in the center of browser

nitinsuri1980 · April 1st, 2006, 01:29 PM

Hi All

This problem comes when I am creating aspx pages using through Visual Studio 2003. The page

come absolutely fine when it is created through Dreamweaver or Web matrix

I have an aspx web page in which I have inserted a HTML table. In this table I have inserted

all the server controls so that it get formatted properly. Now when I run this application,

the table comes at the exact position where I have left it at the time of designing(mostly left hand corner). I want that the table and all its contents should come exactly at the center of the screen and not to the default position.

If I create the same thing in Dreamweaver and set the align property of the table to "center"

then the tables comes exactly in the center of the screen

But when I do the same thing in the Visual Studio it shows the table at the default position

and not the center.

In short, how can we put the Table and the contents in an aspx form so that it always comes

in the center of the browser at any size of the screen (600*800 or 1024*768 etc)

Keenly waiting for a response

Thanks in advance

Nitin Suri

Imar · April 2nd, 2006, 04:09 AM

Hi there,

This is probably caused by the doc type of the page. Depending on the version and configuration of your tools, you get a doc type that tells the browser to render in standards mode.

To center a table, you can set the margin of it to "auto" in a style attribute, like this:

Code:

<table style="border:1px solid black; width: 200px; margin: auto;">
<tr>
  <td>Hello World</td>
</tr>
</table>

If that doesn't help, can you show us some code so we can advice you how to proceed?

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.
Author of ASP.NET 2.0 Instant Results and Beginning Dreamweaver MX / MX 2004