css 질문,,, footer 출력이 안되네요 ㅜ
본문
css 질문입니다.
footer 출력이 안되는데 초보자라 잘 모르겠어요 ㅜ
<style>
*{margin:0; padding:0;}
body {
font-family: Calibri, Arial, "맑은 고딕", "돋움", "돋움한체";
color: #212121;
}
li {list-style:none;}
a {text-decoration:0;}
img {border:0;}
</style>
<!--헤더-->
<style>
#main_header {
/*중앙 정렬*/
width:1105px; margin:0 auto;
/*절대 좌표*/
height:50px;
position:relative;
}
#main_header > #title {
position:absolute;
}
#main_header > #main_gnb {
position: absolute;
right: 0px;
top: 17px;
width: 710px;
}
</style>
<!--타이틀-->
<style>
#title {background:#ff3f51;
}
</style>
<!--메뉴1-->
<style>
#main_gnb > ul {overflow:hidden;}
#main_gnb > ul > li {float:left;}
#main_gnb > ul > li > a {
display:block;
padding:10px 0px 0px 65px;
text-decoration:none;
color:#fff;
font-family: Calibri, Arial, "맑은 고딕", "돋움", "돋움한체";
font-size:15px;
font-weight:bold;
}
#main_gnb > ul > li > a:hover {
color:#333333;
text-decoration:none;
font-weight:bold;
}
</style>
<!--콘텐츠-->
<style>
#content1 {
/*중앙 정렬*/
width:1105px; height: 400px; margin:0 auto;
/*수평 레이아웃 구성*/
overflow:hidden;
padding:10px 10px 10px 10px;
}
</style>
<style>
#content2 {
/*중앙 정렬*/
width:1105px; height: 100px margin:0 auto;
/*수평 레이아웃 구성*/
overflow:hidden;
padding:10px 10px 10px 10px;
}
</style>
<!--푸터-->
<style>
#footer {
overflow: hidden;
position: absolute;
width:1105px; height:100px;
margin:0 auto;
background-color:#5a5a5a;
}
</style>
</head>
<body>
<div id="wrapper">
<div style="background-color:#ff3f51;">
<header id="main_header">
<nav id="main_gnb">
<ul>
<li><a href="#">menu1</a></li>
<li><a href="#">menu2</a></li>
<li><a href="#">menu3</a></li>
<li><a href="#">menu4</a></li>
<li><a href="#">menu5</a></li>
</ul>
</nav>
</header>
</div>
<div style="background-color:#ff3f51">
<div id="content1">
</div>
</div>
<div style="background-color:#fff; height:335px;">
<div id="content2">
</div>
<div id="content2">
</div>
</div>
<div style="background-color:#fff; height:8px;"></div>
<div id="footer" valign="middle">
footer
</div>
</div>
왜그럴까요,,,
답변 1
저는 footer부분이 나오는데요~
position: absolute;
이건 왜 넣으셨는지 모르겠네요~
이것땜에 wrapper가 footer를 인식을 못해요~
아 그런가요? ㅜ 근데 그 부분을 삭제해도 안나오네요... ㅜㅜ
답변을 작성하시기 전에 로그인 해주세요.