Printable View
ok. heres a short example of what I was trying to do... Didn't work. What did I wrong?
Thanx:]Quote:
<html>
<head>
<title>Title here!</title>
</head>
<body style='margin-left:0px;margin-top:0px;height:100%;width:100%;'>
<div align='center' style='height:100%;width:100%;border-style:solid;border-color:black;border-width:1px;'>
<table width=624 cellspacing=0 cellpadding=0 border=0 style='vertical-align: middle;border:solid;'>
<tr>
<td>hulibrk </td>
</tr>
</table>
</div>
</body>
</html>
I always find it interesting how others write HTML.... you may not like my style but this is what I came up with - it will give you the result that I think you were after - correct me if I'm wrong. Note rather than use an inline CSS as I originally suggested I used a document level CSS mainly because that's what I tend to use but you should be able to adapt it if you want to
I'm not sure why you had the 1px border on the outer edges of your page... but I'm thinking that you may not have wanted it??Quote:
<html>
<head>
<title>Title here!</title>
<style type="text/css">
div.table { position:absolute; margin-left: auto;margin-right: auto; left:25%; top:50%; }
</style>
</head>
<body>
<div class="table">
<table border="1px" bordercolor="black" cellspacing="0px" cellpadding="0px" width="624px">
<tr>
<td>hulibrk </td>
</tr>
</table>
</div>
</body>
</html>
Incidentally I also found quite a nice guide here which I think you might find of some help if you are interested
http://theodorakis.net/tablecentertest.html
Z
PS I've just remembered one more thing... the attribute bordercolor="black" in the table tag can be removed if you like, it's not W3C recommended since it's an IE specific attribute and will invalidate strict (and possibly transitional) interpretations of HTML - but it's up to you - depends on how much you want to conform to W3C guidelines
Yes that's it:] Thanx