How to position a table

trayc · #1 Sep 10th, 2007, 21:12

How do I position a table so that it appears in the same place in different sized screens? I want my table to appear in the middle of the page but I need help on how to position it properly please

Lchad · #2 Sep 11th, 2007, 01:45

Something like this should work:

Code: Select all

<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>How to center a table</td>
  </tr>
</table>

trayc · #3 Sep 11th, 2007, 18:09

I mean center the table so not only is it centered horizontally but vertically aswell, and appear like that in any sized screen.

Monie · #4 Sep 14th, 2007, 02:53

Quote:

Originally Posted by trayc

I mean center the table so not only is it centered horizontally but vertically aswell, and appear like that in any sized screen.

I am not sure about <table> but I found this useful LINK for a better understanding.

I face the same problem once but not with <table> but with CSS <DIV>.
The code need javascript to check your screen resolution so it can center your <div> according to your scren But only horizontal. I adjust the vertical center of it using css margin-top.

The javascript code:

Code: Select all

<script type="text/javascript">
window.onload = WindowLoad;
function WindowLoad(event) {
   var objDiv = document.getElementById( "login" ); <-- your div id
   objDiv.style.left = parseInt((document.body.clientWidth-objDiv.clientWidth)/2)+"px";
}
</script>

The CSS style:

Code: Select all

<style type="text/css">
#login{
    margin-top: 250px;
    position: absolute;
    width: 502px;
    height: 300px;
    border: 1px solid blue;
}
</style>

trayc · #5 Sep 14th, 2007, 08:34

wow thanks il try it

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Nav position	timmytots	Web Page Design	0	Jun 9th, 2007 15:44
Am I using table-cell and table-row too much?	idl	Web Page Design	15	Sep 7th, 2006 12:55
Need to align width of Float table with the table below	Vertabase	Web Page Design	4	Mar 8th, 2006 21:21
Help with position	tunafishy	Web Page Design	1	Jul 26th, 2005 03:14
..copy data from column A in Table A to column B in Table B?	gecastill	Databases	10	Jun 23rd, 2005 18:27

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
How to position a table