묻고답하기
게시물 내용에 따라 변하는 div,,
2008.06.21 16:03
기본 게시판의 크기를 900픽셀이라고 정하고,,
div레이어는 가운데 정렬로 합니다..
그리고 게시물내용에 사진이 들어갔을 때 늘어트렸으면 좋겠는데,,
레이어의 한쪽방향으로만 커지네요,, 양쪽방향으로 커지게하고싶습니당.
어찌하면 될련지요,,;
레이어를 가운데 정렬을 안하고 내용을 가운데 정렬로하게되면 게시판의 텍스트가 가운데로 정렬이 되던데요,,,
<div id=board>
</div>
#board { margin:0 auto; width:900px; overflow:auto; }
대충 이런식이었던가요,,
그 덧씌운 div는 100%로 되어야 겠고요
margin으로 가운데 정렬하게 되면 그 정렬된 시점으로 시작 되기 때문에 글이 늘어나면 좌측기준부터 정렬된 기준+늘어난 크기 가 될 겁니다.
<div style="width:100%;" align="center">
<div id=board>
</div>
</div>
#board { width:900px; overflow:auto; }
여기서 만약 align="center" 를 id나 class로 담을려면 text-align:center; 로 되면 될터인데
이게 또 안에 내용물에 따라서 될때 있고 안될때 있습니다.
소스에 큰 비중을 두지 않는다면 table로 하시는게 신경도 덜 쓰시고 편하실 겁니다.
<table id="sitebody">
<tr>
<td id="cnt">
<div id="board">
</div>
</td>
</tr>
</table>
table {
border-spacing:0px;
padding:0px;
border-collapse:collapse;
}
table #cnt {text-align:center;}
#sitebody {width:100%;}
#board {width:700px}