테스트 사이트 - 개발 중인 베타 버전입니다

CB_Company 테마 사용중입니다 채택완료

네오빡스 8년 전 조회 3,494

CB_Company 테마 사용중입니다

익스플러워로 확인했을때는 가운데 정렬로 화면이 가운데 잘보입니다

크롬으로 접속해서 보면

가운데 컨텐츠 부분이 오른쪽으로 밀려서 보입니다.

css에서 이것저것 수정하고 확인하는데 잘안되서 질문답변에 글올립니다.

/* 중간 레이아웃 */ #index_wrapper {background:#141414;} #wrapper {width:1200px;margin:0 auto;overflow:hidden;} #wrapper:after {display:block;visibility:hidden;clear:both;content:"";}

#visual {width:1200px;border-bottom:0px solid #141414;}

#index_container {position:relative;width:1200px;margin:5 auto;border-left:1px solid #141414;border-right:1px solid #141414;font-size:1em;zoom:1}

#aside {width:200px;padding-top:70px;background:#141414} #aside .am_ul {width:100%;padding:0;margin:0;list-style:none;} #aside .am_ul li {border-top:1px solid #ddd;} #aside .am_ul li a {display:block;padding:15px 0 15px 20px;text-decoration:none;} #aside .am_ul li a:hover, #aside .am_ul li.on a {color:#008299} #aside .am_default, #aside .am_ul .am_first {position:relative;padding:15px 0;margin:0 0 20px 0;text-align:center;background:#141414;border:0;font-size:1.2em;font-family:'Malgun Gothic','맑은 고딕','Nanum Barun Gothic' Regular;color:#fff} #aside .amf_cut_box {position:absolute;width:24px;height:24px;} #aside .amf_cut_1 {top:0;right:0;background:url("../img/am_first_cut_1.png") no-repeat;} #aside .amf_cut_2 {bottom:0;left:0;background:url("../img/am_first_cut_2.png") no-repeat;}

#container {position:relative;width:1200px;min-height:700px;height:auto !important;height:700px;zoom:1;background:#ffffff;} #container:after {display:block;visibility:hidden;clear:both;content:""} #container_title {margin-bottom:0px;font-size:1.2em;font-weight:bold}



 

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
kerit
8년 전

</p><div class="styles-section-title styles-selector" style="min-width: 0px; min-height: 0px; box-sizing: border-box; word-wrap: break-word; cursor: text; color: rgb(34, 34, 34); font-family: Consolas, "Lucida Console", "Courier New", monospace; font-size: 12px; background-color: rgb(255, 255, 255);"><div style="min-width: 0px; min-height: 0px; box-sizing: border-box;"><span class="selector" style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: rgb(136, 136, 136);"><span class="simple-selector selector-matches" style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: rgb(34, 34, 34);">#wrapper</span></span><span style="min-width: 0px; min-height: 0px; box-sizing: border-box;"> { width:1200px; margin:0 auto; } //overflow:hidden삭제해보세요</span></div><div style="min-width: 0px; min-height: 0px; box-sizing: border-box;"><span style="min-width: 0px; min-height: 0px; box-sizing: border-box;">#aside { width:1200px; padding-top:10px; float:left; background:#141414; } //width:1200px; 으로 변경하시구요</span></div><div style="min-width: 0px; min-height: 0px; box-sizing: border-box;"><span style="min-width: 0px; min-height: 0px; box-sizing: border-box;">#aside .am_default, #aside .am_ul .am_first { position:relative; width:20%; padding:15px 0; margin:0 0 20px 0; text-align:center; background:#141414; border:0; font-size:1.2em; }//width:크기는 적절하게 바꿔보세요</span></div></div><p>

일단 이렇게 수정해보세요.. 제가 크롬 개발자 모드로 수정한거라.. 재규어 보이는 화면은 수정이되는데 저러면 익스에서도 잘보이는지도 모르겠고, 다른 랜드로버 메뉴에서도 잘 보이는지 확인이 안되네요 천천히 수정해보세요~

 ftp에서 직접 수정하는 게 아니여서... ㅠ

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
8년 전

이미지 외곽 영역에 아래 코드 추가해 보세요.

margin:0 auto; clear:both ; display:block; 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

8년 전

소스보다는 홈페이지 주소를 알려주시는게 아마 더 빠르게 도움을 받으실수 있으실거 같습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인