아직 게시판 정리가 잘 되지 않아 다시 질문드립니다T_T
본문
메인에 최신글 게시판을 각자 하나씩 불러오는 것까진 성공했습니다.
헌데 제가 생각하는 게시판 위치들이 위 그림처럼 하고자 합니다.
게시판1, 4, 5는 스킨 적용해서 css 수정해서 사이즈를 맞췄는데
게시판 2, 3을 나란히 둘 수 있는 방법을 아무리 검색해봐도 제가 너무 생초보라 도저히 모르겠네요(...)
그래서 머리 싸매다 결국 능력자분들에게 도움을 요청합니다ㅠㅠ...
답변 3
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>
우어어어어어 감사합니다(ㅜㅜ) 바로 적용해봤더니 깨끗하게 잘 맞네요 또 하나 배워서 기쁩니다!
저기... 또 여쭙는 게 죄송하지만... 게시판 한 라인으로 맞춘 뒤에 그 사이의 여백을 주는 방법은 php에서 해야 하나요, css에서 손을 봐야 하나요?
css요.
외부여백은 margin-(top,left,bottom,right):크기, 내부여백은 padding-위치(top,left,bottom,right):크기 하시면되요.
예) margin-left:20px;
정말 감사합니다(__) 가장 큰 고민이었던 배열이 잘 해결되서 기뻐요T_T
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 을 써서 두개를 나란히 붙도록 코딩 하셔야겠네요
