팝업안에 테이블 스크롤? 고수님들 제발.ㅠㅠ
DevilsTears
3일째 고생중입니다.
테이블 css를 팝업에도 똑같이 적용시켰는데
일반 화면에서는 제대로 보이고
팝업안에서만 저렇게 보이네요.ㅠㅠ
팝업안에 테이블만 겉에 스크롤바가 생기면서 셀렉박스가 밑으로 들어가버립니다.
뭐가 문젠가요??
z-index 줘도안되는거같은데.ㅠㅠ
.selectBox{position:relative;text-align:left;background:#fff;width:140px;}
.selectBox .select{position:relative;padding-right:25px;border:1px solid #d4d4d4;cursor:pointer;background:url(../images/select.png) no-repeat right top;text-align:left;}
.selectBox .select a{padding-left:5px;height:22px;line-height:22px;text-align:left;}
.selectBox .select:hover{border:1px solid #3d8dd7;}
.selectBox .option{position:absolute;top:24px;left:0;z-index:99;border:1px solid #acb6bf;border-top:0px;background:#fff;padding-right:25px;text-align:left;overflow-y:auto;width:113px;max-height:110px;}
.selectBox .option li{width:100%;height:22px;}
.selectBox .option li a{position:absolute;color:#5c6166;height:22px;line-height:22px;display:block;text-indent:5px;text-align:left;vertical-align:middle;background:#fff;width:100%;}
.selectBox .option li a:hover{background-color:#dfe7ef;cursor:pointer;}
div class=tbBox2
div class=tb_search
table class=popMtable
tr
thUser IDspan*/span/th
td
input type=text value= class=inputText
/td
thUser Namespan*/span/th
td
input type=text value= class=inputText
/td
/tr
tr
thStart Datespan*/span/th
td
input type=text class=dateCal id= readonly value=2014-01-01 /a href=# class=cal/a
/td
thEnd Datespan*/span/th
td
input type=text class=dateCal id= readonly value=2014-01-01 /a href=# class=cal/a
/td
/tr
tr
thTel. Nospan*/span/th
td
div class=selectBox
div class=selecta href=#Condition - All -/a/div
ul class=option
lia href=#Condition - All -/a/li
lia href=#Condition - All -/a/li
/ul
/div
/td
thOfficespan*/span/th
td
div class=selectBox
div class=selecta href=#Condition - All -/a/div
ul class=option
lia href=#Condition - All -/a/li
 sp;lia href=#Condition - All -/a/li
/ul
/div
/td
/tr
tr
thShopspan*/span/th
td
div class=selectBox
div class=selecta href=#Condition - All -/a/div
ul class=option
lia href=#Condition - All -/a/li
lia href=#Condition - All -/a/li
/ul
/div
/td
thStatusspan*/span/th
td
div class=selectBox
div class=select a href=#Condition - All -/a/div
ul class=option
lia href=#Condition - All -/a/li
lia href=#Condition - All -/a/li
lia href=#Condition - All -/a/li
lia href=#Condition - All -/a/li
lia href=#Condition - All -/a/li
lia href=#Condition - All -/a/li
lia href=#Condition - All -/a/li
lia href=#Condition - All -/a/li
lia href=#Condition - All -/a/li
/ul
/div
/td
/tr
/table
/div
/div
-
LetMeGo
.selectBox 이부분을 앱솔루트로 해주시고 x y값 입력해주시고 td를 포지션 relative로 바꿔보세요
아니면 .selectBox 안에 하나더 div로 감싸주고 그div를 앱솔루트로 해주심 될 것같습니다. -
다와
커스텀 셀렉부분이 어디인가요??
.selectBox .select{position:relative;border:1px solid #d4d4d4;cursor:pointer;background:url(../images/select.png) no-repeat right top;text-align:left;}
이 부분인가요? -
여울가녘
커스텀 셀렉트 영역만 따로 앱솔루트로 한번 더 띄워주시고 z-index값을 높여주심될것같습니다.
-
소녀틳향기
팝업창에 height 값 지정된걸 빼보세요
내용에 따라 자동으로 늘어나게끔 -
YourWay
어떻게 해결해야하나요?
-
달빛
팝업창 높이가 고정된 상태에서
그 높이보다 많은 옵션을 보여주려하기 때문에 스크롤바가 생기는건 당연한거 같은데요 -
마루
저도 예전에 비슷한 기억이 있는데,
저는 스크립트로 처리했던 기억이 있네요. -
새난
아이프레임안썼는데.ㅠ
-
곰돌이
페이지를 직접봐야 알것같지만
저 팝업안의 본문내용이 iframe에서 뿌려지는거같네요