묻고답하기
게시판을 가운데 정렬 시키고 싶습니다.
2009.06.30 07:50
게시판의 크기를 680px 정도로 수정하고 정렬을 가운데로 하고 싶은데요.
상단메뉴와 하단 메뉴에 <div ~ > 로 해서 크기는 수정을 했는데, center를 넣으면 내용의 글까지
가운데 정렬이 되어 버리는데요....
어떻게 해야지 하나요?
댓글 3
-
갯가
2009.06.30 09:13
-
너비를 고정하고 양 옆 여백을 auto로 줘도 가운데 정렬이 됩니다.
<div style="width:너비px;margin:auto 0;">게시판</div>
-
딘131
2009.07.02 09:28
두분 너무 감사드립니다.
질문의 핵심이
왼쪽에 메뉴, 가운데 게시판, 오른쪽에 배너나 기타 이런구조를 원하는게 맞나요?
만일 그렇다면 레이아웃의 해당 css에서 /* Site Layout - Content Body */이하
/* Site Layout - Column Left */
#columnLeft { position:relative; width:201px; float:left;}
.profileArea { background:#ebebeb; padding:2px; position:relative; }
.profileArea .blogProfile { border:1px solid #cacaca; background:#ffffff; padding:2px 2px 0 2px; }
#columnLeft .mask { width:201px; height:5px; background:#ffffff; display:block; clear:both;}
다음
/* Site Layout - Column Right */
#columnRight { width:780px; float:right; overflow:hidden;}
#visualArea { width:770px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#columnRight .leftcontent { width:764px; float:left; overflow:hidden; }
#columnRight .rightcontent { width:16px; float:right; z-index:105; }
적색부분 내용에서 width조정해서 사용해 보세요.
우측본문을 둘로 쪼개서 제가 사용하는 방법입니다.
이거는 초기에 많이들 올렸던 내용이라 검색하면 더러 나올낀데예.