HEADER
Main_1
Main_2
Main_3
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="../jquery-3.6.0.js"></script>
<style>
#container{ width:990px}
#header{ background-color:#CC9900; height:120px; margin-bottom:5px;}
#main_1{ float:left; width:150px; min-height:300px; background-color:#999999;}
#main_2{ float:left; width:630px; margin-left:5px; min-height:300px; background-color: #CCCC99;}
#main_3{ float:left; width:200px; margin-left:5px; min-height:300px; background-color:#CCCC99;}
#footer{ height:150px; background-color:#CCFFCC; clear:both;}
</style>
</head>
<body>
<div id="container">
<div id="header">HEADER</div>
<div id="main">
<div id="main_1">Main_1</div>
<div id="main_2">Main_2</div>
<div id="main_3">Main_3</div>
</div>
<div id="footer">FOOTER</div>
</div>
</body>
</html>
0 comments:
Post a Comment