묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
이런식으로 배치하고 싶은데요 도저히 가운데를 못 맞추겠습니다.
도와주세요 ^^
div 질문입니다.
2009.01.25 21:39
#headerBox { float:left; width:1020px; height:150px; background:url("../images/header_image_up.gif") no-repeat left top; margin-top:5px;} #headerBox .loginBox { float:left; width:250px; height:150px; margin-left:2px; background:black;} #headerBox .bannerBox{ 가운데로 정렬 하려면 어떻하나요? } #headerBox .noticeBox { float:right; width:250px; height:150px; margin:0 auto; background:black}
headerBox
|
이런식으로 배치하고 싶은데요 도저히 가운데를 못 맞추겠습니다.
도와주세요 ^^
댓글 3
-
...
2009.01.25 21:53
그냥 세부분에 동시에 float : left; 를 써주면 됩니다. ㅋ -
earthhero.me
2009.01.25 21:56
어제 그분이신듯 하군요. 정말 감사합니다. 복 많이 받으실거에요. 하시는 일 잘되시고요.
전부다 left도 해봤을때 안됐었던거 같은데 되네요 ^^; -
......
2009.01.25 22:03
좀더 float에 대해 가르쳐 드리자면...
float는 단순히 블록앨리먼트를 오른쪽, 왼쪽으로 보내기만 하는것이 아니랍니다.
컨텐츠들이 float를 피하기 때문에 감지하기 힘들지만...
사실 float는 포지셔닝 absolute 속성도 가지고 있답니다. ㅎㅎ
그리고 float 쓰지 않고 레이아웃을 구사하는 방법도 있고요.
공부하고 실력을 갈고 닦다보면 여러가지 방법으로 자신이 원하는 형태를 나타낼 수 있습니다.
ps. 사실 float는 레이아웃을 잡는데 사용되는 것이 아니랍니다. ^^