Writing /volume1/Web/Public/dokuwiki/data/log/deprecated/2024-11-15.log failed
Frame without frame
layer를 사용하여 Frame같은 효과를 내보자.
Identifying Your Sections
간단히 화면구성이 다음과 같다고 하자.
- left navigation
- righ tnavigation
- content
서두에서 얘기했듯이 table 포맷대신에 레이어를 사용하도록 한다.
<div id="leftnavigation"></div> <div id="rightnavigation"></div> <div id="content"></div>
Positioning
1.left navigation
#leftnavigation { position : absolute; left : 0; width : 150px; margin-left : 10px; margin-top : 20px; color : #000000; padding : 3px; }
2.right navigation
#rightnavigation { position : absolute; left : 80%; top : 20px; width : 140px; padding-left : 10px; z-index : 3; color : #000000; padding : 3px; }
3.content
#content { top : 0px; margin : 0px 25% 0 165px; padding : 3px; color : #000000; }
See the sample
<html> <head> <script type=“text/javascript”> function open_win() { window.open(“./test/css/frame_without_layer.html”,“_blank”,“toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes”); } </script> </head>
<body> <a href=“#” onclick=“open_win()” style=“text-decoration:underline;color:#900B09”>frame whitout frame using layer</a>
</body>
</html>
コメント