2013年7月29日 星期一

css - layout template : multi setting 1,2,3

<!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">
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<%String contentHeight="700px";%>
<head>
<style type="text/css">
body {
background: url(images/bg.png) repeat;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",
Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight:300;
text-align: left;
text-decoration: none;
}
.boxH {width:100% ; margin-left:2px; float:left;height:20px; color:white;
background-color:rgb(67,120,182); margin-bottom:10px;
}
</STYLE>
</head>
<body>
<div style="height:20px; color:white; background-color:rgb(67,120,182); border: 1px white solid; margin:0;">
<span>Create Entries</span>
</div>
<div id="content" style="width:100%; margin-top:10px; ">
<div style="border:solid 1px black; height:<%=contentHeight%>; width:20%;float:left;">
<span class="boxH" style="">Payroll Setting</span>
</div>
<div style="border:solid 1px black; height:<%=contentHeight%>; width:79%;float:right;">
<span class="boxH" style="">Payroll Parameter</span>
<div style="float:left; border:solid 0px black; width:50%;margin: 0px 0;">
<div style=" height:500px;">
<div style="border:solid 1px black; width:100%; height:350px;">
</div>
<div style="border:solid 1px black; width:100%; height:300px;">
</div>
</div>
</div>
<div style="float:right; height:500px; border:solid 0px black; width:49%;margin: 0px 0;">
<div style="border:solid 1px black; width:100%; height:200px;">
</div>
<div style="border:solid 1px black; width:100%; height:200px;">
</div>
<div style="border:solid 1px black; width:100%; height:200px;">
</div>
</div>
</div>
</div>
</body>
</html>




沒有留言:

張貼留言