4단 레이아웃
<?xml version="1.0" encoding="EUC-KR" ?>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR" />
<title>test table</title>
<style type="text/css">
body{background-color:#ffffff;margin: 0;padding: 0;}
body,#fpage,#ttitle,#mtitle,#lmtitle,#cmtitle,#rmtitle,#btitle,#footer{font-family: 돋움,vernada;}
#fpage{width: 935px;}
#ttitle{width: 100%;height:315px;background-color: #ff6600;}
#mtitle{width: 100%;height:510px;background-color: yellow;}
#lmtitle,#cmtitle,#rmtitle{height: 500px}
#lmtitle{position:relative;width: 25%;top:0:;left:0;float:left;background-color: #ffffff;}
#cmtitle{width: 50%;float:left;overflow: hidden;background-color: red;}
#rmtitle{width: 25%;float:left;background-color: blue;}
#btitle{height:58px;padding-left:220px;clear:both;background-color: green;}
#footer{}
</style>
</head>
<body>
<div id="fpage">
<div id="ttitle">
</div>
<div id="mtitle">
<div id="lmtitle">
</div>
<div id="cmtitle">
</div>
<div id="rmtitle">
</div>
</div>
<div id="btitle">
</div>
<div id="footer">
</div>
</div>
</body>
</html>
