AWS AWS 디딤 클라우드

알림톡 통합메시징(알림톡)

이니톡 결제 이니톡(알림톡) 결제!

일본결제지원 일본결제지원!

이전 목록 다음
채택완료

상품뷰페이지 container 값 변경

hyuni1827
프로필 보기이 회원 글보기이 회원의 댓글보기
 2021-11-09 (화) 13:43:27 1,880

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

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

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

영카트
|

답변 2개 / 댓글 3개

채택된 답변
+20 포인트
핑크빈
프로필 보기이 회원 글보기이 회원의 댓글보기
 2021-11-09 (화) 13:50:52

view페이지 파일에서

<style>

#container{ width:100% !important; }

</style>

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

답변에 대한 댓글 3개

Phillips
프로필 보기이 회원 글보기이 회원의 댓글보기
 2021-11-09 (화) 14:26:47
사이트주소를 보내주세요.
Phillips
프로필 보기이 회원 글보기이 회원의 댓글보기
 2021-11-09 (화) 14:43:13
<style>

#container{ width:100% !important; max-width:100% !important; }

</style>

view파일에 넣어보세요.
3q3q3q
프로필 보기이 회원 글보기이 회원의 댓글보기
 2021-11-09 (화) 15:08:54
감사합니다 !! 해결되었습니다 ㅠㅠ 감사합니다!
44번가
프로필 보기이 회원 글보기이 회원의 댓글보기
 2021-11-09 (화) 15:24:59

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

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

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

Copy 
<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

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