묻고답하기
css를 통한 메인화면 크기 조절 문의 드립니다
2014.11.20 18:41
안녕하세요?
XE 기본설정이 container와 footer에 크기가 960px로 지정되어 있는 것 같은데요.
footer 사이즈는 default.layout.css에서 1024px로 조정하여 커졌는데
class가 container로 되어있는 메인화면 부분을 [사이트 디자인 설정]에 가서 css 부분에서
.container{
max-width: 1024px;
margin: 20px auto;
text-align: left;
}
이렇게 입력했는데 변화가 없네요.
현재 footer가 container 부분보다 더 커보이는 상황입니다.
어느 부분을 확인해봐야 할까요?
답변에 미리 감사 드립니다.
댓글 3
-
xenewbie
2014.11.21 18:18
성의있는 답변 감사합니다. 적어주신대로 해보겠습니다. 감사합니다.
-
만약 안되면 </div> 하나 더 들어가서 전체적인 틀을 footer 진입전에 막았을수도 있어요
default 레이아웃일거 같아서 그 기준으로 말씀드리겠습니다.
default.layout.css 에서
12,13라인의
.container,
.footer>p{width:1024px;margin:0 auto} 로 늘이시면 공간이 다 1024로 늘어난건 맞습니다.
그런데
서브일 경우
.container 안에 있는
.lnb 와 .content는
91라인과 92라인에 의해
.body.sub .lnb{float:left;width:210px;margin:0 0 40px 0}
.body.sub .content{float:right;width:720px}
라는 넓이값에 종속이 됩니다.
즉 상황에 따라 값을 변경하셔야 겠지만 아마
.body.sub .content{float:right;width:720px} 이 부분을 늘어난 64px 만큼 추가해서
.body.sub .content{float:right;width:784px}로 하시면 넓게 보일겁니다.