묻고답하기
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는 레이아웃을 잡는데 사용되는 것이 아니랍니다. ^^
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
Zeuss | 그냥 푸념섞인 글... | |
송재권 | 000webhost.com 에 설치해보신 분 도움 요청합니다. [6] | 2009.01.25 by 엘랜드 |
최진웅951 | 삽입된 그림이 나타났다 사라져요. [4] | 2009.01.25 by 최진웅951 |
슈스케♡ | XE 로그인이 안됩니다.... [3] | 2009.01.25 by Habile |
파파민 | [해결] 게시판 확장변수(필드) 30개 더 추가하는 법? [1] | 2009.01.25 by 파파민 |
파파민 | 1.1.5버젼 위젯에서는 절대경로 사용 못하는지요? [1] | 2009.01.25 by 파파민 |
이곳 | 여기처럼 목록 클릭하면 옆에 영상이 뜨게 어떻게 하나요? | |
김승균 | 레이아웃 수정 질문입니다 [1] | 2009.01.25 by 김승균 |
윤성희480 | xe blog 게시판 갤러리 형태에서 사이즈 큰 사진을 올리면.... | |
밤의멜로디 | 문제가 뭔지 모르겠어요;; | |
싴신 | XE 매뉴얼보면 제관리자페이지랑 스킨이달라요. 뭐죠? [1] | 2009.01.25 by 띵야 |
별을향해 | 제로보드 내의 통합검색에 대해서 질문 있습니다. | |
나자로 | xe blog에서 설정권한설정에 대하여 질문 | |
오대성 | 게시판 [2] | 2009.01.25 by 만쓰별(정만) |
kim | 메뉴 id 아이콘 엑스박스. | |
조자룡247 | 피싱경유라는데...어떻게 해요? [3] | 2009.01.25 by 밥먹고온다 |
earthhero.me | div 질문입니다. [3] | 2009.01.25 by ...... |
유태혁 | psp에서 xe가 열리지 않습니다 [1] | 2009.01.25 by 독도2005 |
포토올 | 위젯 관리에서...에러가..ㅠㅠ. 원인이 뭣인지요? [2] | 2009.01.25 by 포토올 |
tmdals | flash 연동 메뉴 [1] | 2009.01.25 by 눈탱이lol |