묻고답하기
Xedition 스킨 사용 중 메인페이지 컨텐츠 정렬 관련 (초보자 질문 죄송합니다ㅠㅠ)
2015.12.09 18:08
안녕하세요.
개인 포트폴리오 사이트를 제작하고 있는 한 초보자입니다.
Xedition 스킨을 이용하고 있는데
메인페이지에서 슬라이드를 제외한 아래부분 컨텐츠 정렬을 가운데로 고정하고 싶은데요.
제가 초보자인지라 이것저것 찾아 열어보고, 바꿔봐도 도통 어떻게 해야되는 지를 모르겠네요. ㅠㅠ
아래 스크린샷은 제가 하고 싶은 정렬 상태 (해상도가 높은 컴퓨터에서도 가운데 정렬도 보이는)
이런 식으로 화면에 꽉차게 하거나 해상도가 커져도 중간으로 고정하고 싶은데
제 홈페이지 지금 이런 상태거든요.
위의 스크린샷처럼 왼쪽으로 고정된 상태.
메인페이지에 위젯으로 사용하고 있는데
위젯 사이즈를 크게 늘리면 또 작은 해상도에서는 가로로 스크롤바가 생기고 해서..
고정 사이즈로 가운데 정렬로 하고 싶습니다.
어찌하면 될까요? ㅠㅠ
도움 부탁드립니다. 감사합니다.
사이트주소 : http://gaeullee.com
댓글 5
-
mindpainter
2015.12.09 18:55
-
GELEE
2015.12.09 19:30
gaeullee.com
지금 위의 말씀해주신대로 변경한 상태인데도 여전히 화면이 작아지면 슬라이드 밑에 컨텐츠 부분이 정렬이 깨지고 그러네요. ㅠㅠ
좌측정렬이라 보기도 안좋고.. ㅠㅠ
아예 전체를 다 (슬라이드, 컨텐츠, 푸터까지 다 포함해서) width를 1200정도로 고정시키면 문제는 없는데
브라우저가 작아지나 커지나 반응이 없고 레이아웃을 잘 못살리는 것 같아서..
위의 스크린샷은 container 부분만 알려주신대로 고정값 1200px margin 0 auto 로 layout.min.css를 변경한 상태.
슬라이드 아래 부분만 고정값으로 왼쪽 정렬이 아닌데 가운데 정렬하고 싶은데 알려주신부분을 수정했는데도 저 상태이구요. ㅠㅠ
위 스크린샷은 컨테이너 뿐만 아니라 헤더, 푸터, 컨테이너 부분 전부다 고정값 1200으로 한 상태.
이렇게 해놓으면 밑에 컨텐츠 부분은 멀쩡히 잘 나오는 대신 헤더나 푸터 레이아웃 디자인이 뚝 짤린 상태가 되서 예뻣던 디자인이 안살아나고 어색하네요. ㅠㅠ
어떻게 다른 방법이 없을까요?
그리고 답변 감사합니다.
-
라자루스
2015.12.09 22:16
container는 고정된 px값의 width 크기와 margin:0 auto를 갖게 한 뒤 안쪽의 요소들의 width 크기를 px로 고정하시지 말고 %로 표현해 보세요. 상/하단바는 100%로, 안의 요소들은 원하는 크기대로...
-
GELEE
2015.12.09 22:40
와!! 유레카!!
저 꼭 고정값만 입력할 수 있는줄 알았는데 % 값도 들어가는지 전혀 생각도 못했네요. ㅠㅠㅠ
와 이렇게 하니까 바로 해결됐습니다. 정말 대박이에요.
너무너무 감사합니다!!!!!
-
르미
2018.09.07 03:05
GELEE님과 같은 문제로 어려움을 겪으면서
여기에 소개된 친절하신 분들의 도움도 참고했지만
우리 회사 서버에는 잘 안되었습니다.
포기하려다 다행스럽게 해결책을 찾았습니다.
혹시 아래와 같은 상태를 원하는 것이라면 간단하게 해결되니까
아래 링크를 참고하여 보시기 바랍니다.
늘 이곳 좋은 글들을 참고하면서 고마움이 컸는데,
저도 도움이 될 수 있으면 정말 좋겠네요.
https://yorom.kr/index.php?mid=RomeNote&document_srl=785
그리고 허락도 없이 GELEE님의 캡쳐 화면을 제 글에 사용했습니다.
양해 바랍니다. ^^
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
베니 | 네이버 애널리틱스 수집이 안되네요;; | |
PAIN | php로 포인트저장 [5] | 2019.04.06 by PAIN |
윈터서버 | https://woto.net/ 웹호스팅 업체 설치문제 [4] | 2019.04.06 by 우주학개론 |
nong | 알려주세요 | |
바보멍청이 | 데이터 이전 툴 - php.ini 환경설정에서 원격지의 파일을 열지 못하도록 되어 있습니다. [10] | 2019.04.05 by 디자인클립 |
chorok | 무슨 기반으로 제작된 사이트일까요? [1] | 2019.04.05 by 디자인클립 |
rail_man | 회원가입시 이메일 인증 [1] | 2019.04.05 by sejin7940 |
댄져러스 | 탈퇴방법좀 해외사이트 이것좀해석해주세요 | |
결이아빠 | ssl 문제가 확실한데..어떻게 해야할지.. | |
결이아빠 | 어떻게 수정하면 될까요? | |
이퓨 | 회원가입 select 폼 형식 입력값 불러오기 질문 | |
한이흔 | 이미지 첨부 후 본문 삽입시 문제...몇일째 해결이 안돼여.. [1] | 2019.04.02 by 결이아빠 |
일과여행 | 카톡으로 도메인을 전송하면 자동으로 나오는 이미지를 바꿀 수 없나요? [1] | 2019.04.02 by 디자인클립 |
모로지로 | 홈에 문서 이미지 넣기 문의드려요.. [2] | 2019.04.02 by 모로지로 |
소라db952 | cycle-pager 배너에 a 링크를 걸면 배너 이미지가 풀려요ㅠ [2] | 2019.04.02 by 소라db952 |
검은고양이냐옹 | 레이아웃 스킨의 메뉴에 선을 하나 긋고 싶어요.. [5] | 2019.04.02 by DoorWeb |
Krazee | content 위젯 사진 교체 방법?? [1] | 2019.04.01 by 디자인클립 |
개다 | 익명 게시판일 때 푸시가 오면 상대방 닉네임이 노출되더라구요 | |
세걸 | 네이버 아이디 로그인 [1] | 2019.04.01 by sejin7940 |
세걸 | ssd HHD 조합으로 웹서비스 설정 [1] | 2019.04.01 by 세걸 |
layout.min.css의
.container { 부분에서..
min-width를 없애시고,
width: 원하는 값;
margin: 0 auto;
추가해 보세요.