메인에 최신글 게시판을 각자 하나씩 불러오는 것까진 성공했습니다.
헌데 제가 생각하는 게시판 위치들이 위 그림처럼 하고자 합니다.
게시판1, 4, 5는 스킨 적용해서 css 수정해서 사이즈를 맞췄는데
게시판 2, 3을 나란히 둘 수 있는 방법을 아무리 검색해봐도 제가 너무 생초보라 도저히 모르겠네요(...)
그래서 머리 싸매다 결국 능력자분들에게 도움을 요청합니다ㅠㅠ...
답변 3개 / 댓글 4개
DIV사용시
<div>1번구역</div>
<div id="x" style="width:(2+3총합보다 크게. 아니면 100%)">
<div style="width:크기; float:left;">2번구역</div> (2+3번 크기가 id="x"보다 작아야함)
<div style="width:크기; float:left;">3번구역</div> (2+3번 크기가 id="x"보다 작아야함)
<div style="clear:both;"></div> <--- 정렬 초기화( 위아래가 아니라 옆으로 붙게되는걸 종료하겠다는)
</div>
<div>4번구역</div>
<div>5번구역</div>
모여라 눈코입처럼. 2,3번을 가운데에 쏠리게 하시려면
<div id="x" style="width:(2+3총합보다 크게. 아니면 100%)">
<div id="z" style="margin:0 auto; width:(id="x"보다 작아야함);">
<div style="width:크기; float:left;">2번구역</div> (2+3번 크기가 id="z"보다 작아야함)
<div style="width:크기; float:left;">3번구역</div> (2+3번 크기가 id="z"보다 작아야함)
<div style="clear:both;"></div> <-- 정렬 초기화
</div>
</div>
답변에 대한 댓글 4개
외부여백은 margin-(top,left,bottom,right):크기, 내부여백은 padding-위치(top,left,bottom,right):크기 하시면되요.
예) margin-left:20px;
table사용시
<div>1번구역</div>
<div id="x">
<table>
<tr>
<td>2번구역</td>
<td>3번구역</td>
</tr>
</table>
</div>
<div>4번구역</div>
<div>5번구역</div>
float:left 을 써서 두개를 나란히 붙도록 코딩 하셔야겠네요
답변을 작성하려면 로그인이 필요합니다.