JAVA/CSS

CSS div 영역나누기

왕왕왕왕 2015. 8. 24. 13:18

<!DOCTYPE html>

<html>

<head>

<meta charset="EUC-KR">

<title>Insert title here</title>

</head>

<body>

<style>

div{

border: solid;

}

#wrap { position: absolute; top: 10px; left: 50%; margin-left: -512px; width:1024px; }

#TOP { position: absolute; top: 10px; left: 5px; width: 1024px; height: 80px; align: center; background: #EAEAEA; }

#ML1 { position: absolute; top: 95px; left: 5px; width: 300px; height: 600px; align: center; background: #EAEAEA; }

#ML2 { position: absolute; top: 95px; left: 310px; width: 719px; height: 600px; align: center; background: #EAEAEA; }

#DOWN { position: absolute; top: 700px; left: 5px; width: 1024px; height: 50px; align: center; background: #EAEAEA; }

</style>

</head>

<body>

 <div id="wrap">

 <div id="TOP">TOP</div>

 <div id="ML1"><jsp:include page="/member/Login.jsp"></jsp:include></div>

 <div id="ML2">

  

 </div>

 <div id="DOWN">DOWN</div>

 </div>


</body>

</body>

</html>

저작자표시 비영리 변경금지 (새창열림)