3단 형 컬럼형 레이아웃이 만들어 진다는데
칼럼의 경계선이 left area와 main area 사이에는 만들어 지는데
main area와 side area 에는 경계선이 나오지 않습니다.
나온다는데 말이죠
작성 코드를 같이 올립니다.
어디가 잘못되었는지 봐 주시면 고맙겠습니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title> simple Css Layout </title>
<style type="text/css">
body {
margin: 0;
padding: 0;
}
hr {
display: none;
}
#wrapper {
width: 700px;
border: 1px solid #eee;
margin: 20px auto;
background: url(body2.gif) repeat-y 150px 0;
}
#head {
height: 80px;
background: #eee;
}
#foot {
height: 30px;
background: #eee;
}
#sub,
#body,
#sidebar {
float: left;
}
#sub,
#sidebar {
width: 150px;
}
#body {
width: 400px;
height: 450px;
}
#foot {
clear: both;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="head">Site Top Area</div>
<hr>
<div id="sub">Site Left Area</div>
<hr>
<div id="body"> Main Content Area</div>
<hr>
<div id="sidebar">Side Bar</div>
<hr>
<div id="foot">Site Bottom Area</div>
</div>
</body>
</html>
ㅤㅇㅙㅂ 표준화 가이드 float 실습 질문 있습니
-
youngabi
- Posts: 2
- Joined: 2004 11 06 22:34 02
- Contact:
-
맑은돌
- 서포터즈
- Posts: 98
- Joined: 2003 11 21 15:18 25
정확하게 무엇이 안나온다는 것인지...
간단한 것 같아 답을 해 보려고 봤지만 무엇이 안나온다는 것인지 모르겠습니다.
꼭대기
왼쪽 막대, 바탕, 오른쪽 막대
바닥
이렇게 있는데
왼쪽 막대, 바탕, 오른쪽 막대
사이에 경계선을 넣는 CSS가 없는데요.
background: url(body2.gif) repeat-y 150px 0; 를 넣는 다고 해도 달라질 것도 없고요.
꼭대기
왼쪽 막대, 바탕, 오른쪽 막대
바닥
이렇게 있는데
왼쪽 막대, 바탕, 오른쪽 막대
사이에 경계선을 넣는 CSS가 없는데요.
background: url(body2.gif) repeat-y 150px 0; 를 넣는 다고 해도 달라질 것도 없고요.
-
hyeonseok
- 해커
- Posts: 691
- Joined: 2004 08 11 22:14 59
- Contact:
Who is online
Users browsing this forum: No registered users and 0 guests