Ajaxのウィンドウ表示位置について
ページを開くとAjaxのウインドウが表示されるようになっています。
バックには既にサイトが表示されている状態でその上にウインドウが出てくるイメージです。
ソースは以下のようになっています。
<html>
<head>
<title>titletitle>
<script type="text/javascript" src="js/prototype.js"> </script>
<script type="text/javascript" src="js/effects.js"> </script>
<script type="text/javascript" src="js/window.js"> </script>
<script type="text/javascript" src="js/window_ext.js"> </script>
<script type="text/javascript" src="js/debug.js"> </script>
<link href="css/default.css" rel="stylesheet" type="text/css">
<link href="css/spread.css" rel="stylesheet" type="text/css">
</head>
<body>
<script type="text/javascript">
var win = new Window({className: "spread", title: "タイトル",
top:50, left:50, width:500, height:500, zIndex: 100,
url: "http://www.linkstyle33.com/", showEffectOptions: {duration:3}})
win.show();
</script>
--サイトここから--
--サイトここまで--
</body>
</html>
top:50, left:50,で表示位置を設定することはわかるのですが
ウインドウの真ん中に出したいのですがやりかたがわかりません。
試しに50%としてみたもののpx指定になっているようで表示すらされませんでした。
サイトがバックにある状態でウインドウを出したいのでiframe以外で
ウインドウを真ん中に表示する方法はあるのでしょうか?