상품뷰페이지 container 값 변경

상품뷰페이지 container 값 변경

QA

상품뷰페이지 container 값 변경

본문

#container 에 width값이 1300px 가 먹혀있는데요.

상품 뷰페이지만 width 100%로 풀페이지로 쓰고싶은데

뷰페이지를 container가 감싸고 있어서 어떻게 수정해야하나요?ㅠㅠ

이 질문에 댓글 쓰기 :

답변 2

view페이지 파일에서

<style>

#container{ width:100% !important; }

</style>

이소스를 넣으면 되지않을까요? 

container가 1300px이고,, container안의 article에 width 1500px줬을대...

 

article에 margin-left에 (( 1500px - 1300px ) / 2 * -1) 을 주면... 가운데 가서...

aiticle을 container보다 더 크게 쓸수 있어요...

 

 


<div class="container">
  <article></article>
</div>
 
<style>
.container { margin: 0 auto; width: 1300px; height:500px; background: red;}
.container article { height: 200px; background: blue;}
</style>
 
 
 
<script>
$(document).ready(function(){
  cntW()
});
$(window).resize(function(){
  cntW();
});
function cntW() {
 w = $(document).width();
 containerW = $('.container').width();
 ml = ((w - containerW) / 2 * - 1);
  $('.container article').css('width',w);
  $('.container article').css('margin-left',ml); 
}
</script>

 

https://codepen.io/4st/pen/jOLKNPg

 

 

 

답변을 작성하시기 전에 로그인 해주세요.
전체 1,284
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT