asked on

Centering items (horizontally and vertically) on a page?

Hi I've got a multi-layered, table object which I intend to use as a fancy entrance page to my site.
My problem is that I can't seem to get the items all centered in the middle of the screen. I'm using DreamWeaver to generate the page, and it works, but only for my own monitor resolution. It's off center if I look at it at another resolution. I tried modifying the DreamWeaver generated html, but it doesn't seem to work.

Does anybody have any suggestions?
I'd appreciate any insights you could bring.
Thanks!

Bardicstorm

If you are already using nested tables (which will slow down your page) you can try the following:

Set your content table inside an "outer" table which is set to a height and width of 100% (see code example). Make sure to 'valign="middle"' the "outer" table row (as in example), then set your content table to 'align="center"'.

Hopefully the code below should make this clearer. However, positioning your content with css, while possibly more work, would be better overall. I hope this code helps.



<html>

<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">



<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

<tr valign="middle"> 
<td>



<table width="600" bgcolor="#AAAAAA" align="center">

<tr><td align="center">This text should be centered</td></tr>

</table>

</td></tr>

</table>

</body>
</html>

kasandra

Do you have a url we can have a look at?

There probably isn't much point to us suggesting code to center without seeing what you are actually using.

ASKER CERTIFIED SOLUTION

bnkrazy

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

bnkrazy

have you got it working yet?

jphchan

ASKER

Thanks a lot! This was very helpful, and almost precisely what I needed.

bnkrazy

Thanks! Glad it worked.