묻고답하기
div 정렬 관련 문제입니다;)
2007.08.19 23:24
제가 xe_official을 수정하고 있습니다.
그런데 가로 길이를 고정폭에서 95%로 고치려고 애를쓰고 있는데요
[아마 기억으로 옛날 엔죠도 그랬던 거 같은데]
http://dizzy-v.co.kr/hanji/zbxe/?mid=guest
페이지를 보시면 알겠지만;
밑에 content부분이 오른쪽으로 붙고
로그인 부분이 왼쪽으로 붙어줘야 하는데 그게 안 되네요;
content부분에 width값을 픽셀로 주면 정렬은 되지만;;
적당히 100%에서 로그인 부분만큼만 빼고 자리를 먹었으면 좋겠는데..
방법이 없을까요
그런데 가로 길이를 고정폭에서 95%로 고치려고 애를쓰고 있는데요
[아마 기억으로 옛날 엔죠도 그랬던 거 같은데]
http://dizzy-v.co.kr/hanji/zbxe/?mid=guest
페이지를 보시면 알겠지만;
밑에 content부분이 오른쪽으로 붙고
로그인 부분이 왼쪽으로 붙어줘야 하는데 그게 안 되네요;
content부분에 width값을 픽셀로 주면 정렬은 되지만;;
적당히 100%에서 로그인 부분만큼만 빼고 자리를 먹었으면 좋겠는데..
방법이 없을까요
댓글 5
-
RyuCH
2007.08.19 23:53
제가 실력이 짧아 어느 부분을 말씀드려야 할지 잘 몰라서 그랬습니다;
css파일을 통채로 붙여 넣을 수도 없잖아요[...]
일단 전체를 싸고 있었던 div를 width:95%로 지정했습니다.
왼쪽 부분인 로그인+하단 메뉴(지금은 없지만) 부분은 원본 스타일을 안 건드렸습니다.
(원래부터 float:left는 되어 있었고요)
혹시나 싶어서 오른쪽 부분(content)부분과 왼쪽 부분의 아래 위 순서를 뒤집긴 했지만요;
오른쪽 부분도 원래 width:770px; 로 지정되어있던 부분을 100%로 바꾼 것 밖에 없습니다.
(float:right)
..왠지 이걸로도 정보가 부족할 지도 모르겠다는 생각이 드네요; -
RyuCH
2007.08.20 00:03
..그냥 시간내서 수정은 그만두고 처음부터 만드렵니다;)
저도 잘 모르는 남 소스 갖다 쓰려니까 힘드네요;
이런 질문에도 댓글 달아주신 비나무님 감사드려요~ -
^^;;;;;;;
#columnRight { width:770px; float:right; overflow:hidden;}
부분을
#columnRight { width:100%; float:right; overflow:hidden;}
로 고치셨다고요?
그럼 이렇게 해보세요...
#columnRight { float:right; overflow:hidden;}
또는
#columnRight { position:relative; float:right; overflow:hidden;}
위 처럼요...
100%값은 전체를 다 차지하겠다는 뜻이니 RyuCH님과 같은 현상이 나타날 수 있겠네요... ^^
columLeft 부분은 어차피 폭이 고정되어 있으니,
오른쪽 컨텐츠 들어가는 부분을 폭을 지정하지 않으면 될 듯 한데요.. ^^;;
위 둘 다 가능할 듯 합니 -
designoh
2007.08.20 01:40
layouts > 작업하신 스킨의 layout.html
{$content} 부분을 div를 하나 더 쓰셔서 직접 스타일로 사이즈값을 정한 후 text-align:left 정렬을 해 보세요.
layout.html
...
<div style="text-align:left">
<div style="width:95%; margin:0">
{$content}</div>
</div>
...
로그인 부분은 css를 어떻게 설정하셨나요?
float는요?
content부분은 폭 값을 % 지정하셨나요?
css에서 어떻게 잡으셨나요?
저렇게만 말씀하시면 이렇게 밖에 못하겠네요...
html은 어떻게 잡으셨으며, css에서는 어떻게 잡혀 있는데 저런 현상이 나더라 어떤 부분을 어떻게 고치면 해결이 될까?
이런 식으로 질문을 하시면 더 정확한 답을 할 수 있을 듯 합니다.
로그인창 왼쪽, 컨텐츠 오른쪽으로 배열을 한다고 해도 방법은 여러 가지 있을 듯 하니까요...