css 에 자바스크립트 이용 해서 px 값 + 시키기
본문
css 인데요~
wr_5 에 사이트 전체의 가로폭을 db에 올려놓고
그값대로 불러오려고 합니다.
그런데 아래처럼은 잘되는데 <?php echo $write['wr_5']; ?> + 2 30px 을 더 늘리려고 합니다.
calc를 이용해서 아래처럼 하면 된다고 검색을 통해 알아냈는데,
어떻게 응용을 써넣어야 할지 잘모르겠네요 ㅠㅠ
도움요청을 드려요 ㅠㅠ
--------- 인터넷에서 퍼온 calc 자바스크립트 사용법 -------------
width : 90%; / * CSS3를 지원하지 않는 예전 브라우저를 위한 설정 * /
width : -webkit-calc(100% - 50px); / * 크롬 브라우저와 사파리 * /
width : -moz-calc(100% - 50px); / * 파이어폭스 * /
width : calc(<?php echo $write['wr_5']; ?> + 230px); / * 인터넷 익스플로러 * /
--------------------------------------------------------
---------- 제 홈페이지 상에 css ---------------------
.layout-boxed > .wrapper, .content-wrapper > .content { max-width:<?php echo $write['wr_5']; ?>px; }
.no-responsive .wrapper, .no-responsive .main-header { min-width:<?php echo $write['wr_5']; ?>px; }
--------------------------------------------------------
답변 2
.layout-boxed > .wrapper, .content-wrapper > .content { max-width: calc(<?php echo $write['wr_5']; ?> + 230px); }
.no-responsive .wrapper, .no-responsive .main-header { min-width: calc(<?php echo $write['wr_5']; ?> + 230px); }
원하시는게 이건가요?
이게 작동이 안되어서.... 문의드려요 ㅠ
calc(<?php echo $write['wr_5']; ?>px + 230px
이렇게 하니 되네요 ㅎㅎ
write['wr_5'] 이건 게시판 여분필드인데 ... 기본환경설정에 여분필드 써야되는거아닐가요?
