|
|
가운데 항상 위치하는 레이어
<html> <head> <script language="JavaScript"> <!-- function centerWindow() { var xMax = document.body.clientWidth, yMax = document.body.clientHeight; var xOffset = (xMax-200)/2+20, yOffset = (yMax-150)/2+40; //중심에서 오른쪽으로 20, 아래로 40픽셀에 항상 위치하는 레이어 var divMenu = document.all['Layer1'].style; divMenu.top = yOffset; divMenu.left = xOffset; } //--> </script> </head> <body onresize="javascript:centerWindow();" onload="centerWindow();"> <div id="Layer1" style="position:absolute; left:200px; top:80px; width:200px; height:150px; z-index:1"> <table width="200" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" bgcolor=#FFFFFF style="border:#808080 1px solid;" height=150> <span style="font-family:굴림; font-size:9pt"> 항상 중심에 뜨는 <br> 레이어 샘플입니다.</span><br> <img src="http://hkt9406.cdn2.cafe24.com/kt79_mark.jpg" width="150" height="55" alt="KT79.NET"> </td> </tr> </table> </div> </body> </html> |
| 
|
