지금 홈페이지를 짜고있는데 이미지대로 짜고 싶습니다 그래서 일딴 인터넷 보면서 이것저것 복붙하면서 짜고 있는대
이상태 입니다 근대 제가 올린 이미지처럼 할려면 대체 어떻게 해야될지..
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Div 레이아웃 템플릿</title>
<style type="text/css">
.border2 { border: medium ridge blue; width:80px; width:1000px; }
#layout { width:1000px; margin:0 auto; }
#header { height:80px; width:1000px; }
#leftside { background-color:#FFBB00; float:left; width:250px; height:600px; }
#content { background-color:#8BBDFF; float:left; width:750px; height:600px;}
</style>
</head>
<body>
<div id="layout"></div>
<div id="header">
<hr />
<h1 class="border2">기타에 대해서 알아보자 </h1>
</div>
<div id="leftside">
<ul>
<li><a href="#">기타란 무엇인가?</a></li>
<li><a href="#">기타 배우기</a></li>
<ul>
<li><a href="#">기타의 종류</a></li>
<li><a href="#">기타를 치는법</a></li>
</ul>
<li><a href="#">유명한 기타리스트</a></li>
<ul>
<li><a href="#">데파페페</a></li>
<li><a href="#">코?</a></li>
</ul>
<li><a href="#">마치며</a></li>
</ul>
</div>
<div id="content"></div>
</body>
</html>