I know of a method that uses PHP.
Are you able to use PHP and can you change the
file extension from .html to .php?
Here's the PHP method for those looking in:
This is the <iframe> tag in your webpage:
<iframe name='frame1' src='center.php?image=./images/myimage.jpg' frameborder='0' scrolling='no' width='425' height='390' style="border: 1px solid #727272;"></iframe>
This is the PHP script that is called "center.php":
<?php
$image = $_GET['image'];
echo "<html>";
echo "<head>
<style type='text/css'>
html, body {
margin: auto;
}
.wraptocenter {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 425px;
height: 390px;
}
.wraptocenter * {
vertical-align: middle;
}
/*\*//*/
.wraptocenter {
display: block;
}
.wraptocenter span {
display: inline-block;
height: 100%;
width: 1px;
}
/**/
</style>
<!--[if IE]><style>
.wraptocenter span {
display: inline-block;
height: 100%;
}
</style><![endif]-->
</head>";
echo "<body>";
echo "<div class='wraptocenter'><span></span><img src='$image' alt=''></div>";
echo "</body></html>";
?>
The key thing is to match the width and height numbers in the <iframe>
with the values in the "center.php" script.
In kakshmire's case, the horizontal centering can remain, but the vertical
centering must be turned off ... I'm guessing you would comment out the
"vertical-align: middle;" lines.
Here's an example of the script in real-life action:
http://www.emilykimball.com/sculpture.php
.