게시판 넣을 때 레이아웃 잡는 방법 정보
게시판 넣을 때 레이아웃 잡는 방법본문
사이트를 만드는 중인데
div로 레이아웃을 잡고 있습니다
대략
header
content sidebar
footer
이런식으로 구성이 되는데요
메인화면에서 content에 최신게시물이 오면 정상적으로
레이아웃이 출력이 됩니다..
그런데 문제는
게시물을 클릭해서 게시판 화면으로 가면
게시판 자체가 우측 사이드바 아래로 내려가버립니다
header
sidebar
게시판
footer
이런식으로 되버립니다..
이유가 뭘까요...
sidbar에는 float 설정을 해두었습니다
div로 레이아웃을 잡고 있습니다
대략
header
content sidebar
footer
이런식으로 구성이 되는데요
메인화면에서 content에 최신게시물이 오면 정상적으로
레이아웃이 출력이 됩니다..
그런데 문제는
게시물을 클릭해서 게시판 화면으로 가면
게시판 자체가 우측 사이드바 아래로 내려가버립니다
header
sidebar
게시판
footer
이런식으로 되버립니다..
이유가 뭘까요...
sidbar에는 float 설정을 해두었습니다
댓글 전체
header 다음에 clear:both 를 div로 지정해서
한번 적용해 보세요.
한번 적용해 보세요.
<style>
#wrap { width:1000px; }
#header {}
#content { float:left; }
#sidebar { float:right; }
#footer {}
.clear { clear:both; }
</style>
<div id="wrap">
<div id="header">
상단
</div>
<div id="content">
내용 (좌측)
</div>
<div id="sidebar">
사이드바 (우측)
</div>
<div class="clear"> 클리어 보스~ </div>
<div id="footer">
하단
</div>
</div>
#wrap { width:1000px; }
#header {}
#content { float:left; }
#sidebar { float:right; }
#footer {}
.clear { clear:both; }
</style>
<div id="wrap">
<div id="header">
상단
</div>
<div id="content">
내용 (좌측)
</div>
<div id="sidebar">
사이드바 (우측)
</div>
<div class="clear"> 클리어 보스~ </div>
<div id="footer">
하단
</div>
</div>
샘플사이트 주소를 남기는게 빠를듯 합니다
아 방금 해결했습니다
head.php파일에서 <div>를 끝내지 않고 tail.php 에서 </div>를 해주니 해결됫네요
head.php파일에서 <div>를 끝내지 않고 tail.php 에서 </div>를 해주니 해결됫네요