|
|
가운데 정렬 오른쪽메뉴 고정 레이어
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko"> <HEAD> <TITLE> </TITLE> <meta http-equiv="content-Language" content="ko"> <meta http-equiv="Content-Type" content="text/html; charset=euc-kr" /> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <style> #main{margin:0 auto;width:900px;height:100%;border:#330000 1px solid;} #top{width:800px;width:100%;height:200px;background-color:#00FF33;} #left{width:200px;height:1000px;float:left;background-color:#FF0099;} #right{width:600px;height:1000px;background-color:#3333CC;} #m1{width:800px;float:left;} #m2 {position:fixed; _position:absolute; _z-index:-1; width:100px; height:300px;background:#dddddd;margin-top:100px;} </style> </HEAD> <BODY> <div id="main"> <div id="m1"> <div id="top"> 상단메뉴 </div> <div id="left"> 왼쪽메뉴 </div> <div id="right"> 내용 </div> </div> <div id="m2"> 고정레이어 </div> </div> </BODY> </HTML> |
| 
|
