HI,
The faq explains how to center vertically and horizontally using css.
However if you want to use a table then this method should work.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Solid State Record || As Cities Burn</title>
<style type="text/css">
* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%}
/* end hide*/
body {
background:#000;
}
img {
border:0;
}
table {
width:100%;
height:100%;
text-align:center;
vertical-align:middle;
}
</style>
</head>
<body>
<table cellspacing="0" cellpadding="0">
<tr>
<td><a href="javascript:popUp('main.php')"><img src="http://www.solidstaterecords.com/asc...d/i/splash.jpg" width="472" height="330" border="0"></a></td>
</tr>
</table>
</body>
</html>
The table method is slighly better in that it stops the image disappearing upwards if the page is resized.
Heres an example of a css way:
http://www.pmob.co.uk/temp/flashbg.htm
Or if the image is randomly sized then you could ues the methhod from here:
http://www.pmob.co.uk/temp/vertical-align5.htm
(server seems to be down at the moment so try in a little while if link doesn't work).
Posting Permissions
Bookmarks