2013. 7. 15. 08:42 IT
HTML 기본 와꾸. by jkun75
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<title>Insert title here</title>
<style type="text/css">
html, body, form { margin:0; padding:0; outline:none; }
.header { height:80px; background-color: blue; }
.header div { float:left; }
.container { min-height:500px; height:auto; background-color: green;}
.side-bar { width:100px; min-height:500px; height:auto; background-color: red; float:left;}
.footer { height:80px; background-color: brown; clear:both; }
</style>
</head>
<body>
<div class="header">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container">B
<div class="side-bar">C</div>
</div>
<div class="footer">D</div>
</body>
</html>
'IT' 카테고리의 다른 글
| 인터넷창 오류 계속 뜨는 현상 (Internet Explorer 작동이 중지되었습니다) "웹사이트복원오류" [출처] 인터넷창 오류 계속 뜨는 현상 (Internet Explorer 작동이 중지되었습니다) "웹사이트복원오류" (0) | 2013.08.02 |
|---|---|
| CSS (0) | 2013.07.22 |
| PRE Tag 자동 줄바꿈 (0) | 2013.07.09 |
| WIN XP, WIn 2003 에 배치파일 bat 를 서비스로 등록하기. (0) | 2013.07.08 |
| window.opener.location.reload, 웹 페이지를 다시 표시하려면 웹 브라우저에서 이전에 전송한 정보를 다시 전송해야 합니다. 라는 경고 발생 (0) | 2013.07.03 |
