묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
파이어폭스로 들어가보니 내 홈페이지에도 문제가;; 힘드네요..도와주세요..
2009.01.16 17:04
<div><!--이동식주택 설명팝업-->
<style type="text/css">
.exp h5 { padding:5px 10px; margin:0; }
.exp .expBorder { width:100%;}
.exp { border:1px solid #e1e1dd; background:#ffffff url(bgH3.gif) repeat-x left bottom; overflow:hidden; margin-bottom:5px;}
#Exppopup .ahp { border-left:#F30 3px solid; padding-left:10px; font-weight:700;}
#Exppopup .wdcl { text-align:center; border:#999 1px solid; padding:5px; background:#FFC; cursor:hand;}
</style>
<script language=javascript>
function viewOpen_fn(){
//document.all.Exppopup.style.left = document.body.clientLeft;
//document.all.Exppopup.style.top = document.body.scrollTop;
//document.all.Exppopup.style.width = document.body.clientWidth;
//document.all.Exppopup.style.height = document.body.clientHeight;
document.all.Exppopup.style.display = "";
}//function
function hiddenBigImg_fn(){
document.all.Exppopup.style.display = "none";
}//function
</script>
<div class="exp" onclick="javascript:viewOpen_fn();">
<div class="expBorder">
<h5>이동식 주택에 대한 설명을 원하시면 여기를 클릭하세요</h5>
</div>
</div>
<div id="Exppopup" name="Exppopup" style="position:absolute; width:764px; height:300px; z-index:301;display:none; overflow-x:hidden; overflow-y:scroll; border:#999 1px solid; ">
<div style="background: #FCFEE2; padding:10px; margin:0px; font-size:1.2em; ">
<div class="wdcl" onclick="javascript:hiddenBigImg_fn()">닫기 [close]</div>
<p class="ahp">
가격이 저렴하고 튼튼하며 모양이 다양하며 되판매가 가능하다</p>
<p class="ahp">저평수 제작에 적합하며, 시간과 비용이 대폭 절약된다.</p>
<p class="ahp">펜션, 주말주택, 일반주택, 방가로, 사무실에 적합하며<br />
정식건물, 가건물 및 모든 주택에 시공이 가능하며 기초에서부터<br />
내부 인테리어까지 원하는 조건에 시공설치가 가능하며 이동식인 경우<br />
차후 되 판매가 가능하며 차후 이동설치도 가능하다</p>
<p class="ahp">발코니 테라스, 내부루바, 천정 등박스, 실크도배, 바닥 강화마루,<br />
외부싸이딩(비닐, 원목, 시멘트(하드), 드라이비트, 벽돌), 현관<br />
다양한 선택으로 색다르게 할 수 있다</p>
<p class="ahp">정화조, 수도, 전기인입 및 계량기, 출입구현관, 대형창문(이중창, 시스템),<br />
바닥 기초작업 및 고임작업으로 선택하여 설치 가능하다.</p>
<p class="ahp">이동식인 경우 운반가능한 공간이 확보되며 전국어디든지 납품이 가능하며<br />
이동불가능시 현장제작도 가능하다.</p>
<div class="wdcl" onclick="javascript:hiddenBigImg_fn()">닫기 [close]</div>
</div>
</div>
</div>
____________________________________________________________________________________________________________________
요렇게 해서 게시판 상단에 소스 넣는거에 넣어주었는데;;
깜빡이는거두;; 첨에 빨강됬다가;; 검정파랑만 반복하구여;;;
그리고 파이어폭스에서는 아예 안되고;;
레이어 설명창도 안나타나고;;
우아아앙~~~~ ㅠㅠ
http://containertech.net/testist
<style type="text/css">
.exp h5 { padding:5px 10px; margin:0; }
.exp .expBorder { width:100%;}
.exp { border:1px solid #e1e1dd; background:#ffffff url(bgH3.gif) repeat-x left bottom; overflow:hidden; margin-bottom:5px;}
#Exppopup .ahp { border-left:#F30 3px solid; padding-left:10px; font-weight:700;}
#Exppopup .wdcl { text-align:center; border:#999 1px solid; padding:5px; background:#FFC; cursor:hand;}
</style>
<script language=javascript>
function viewOpen_fn(){
//document.all.Exppopup.style.left = document.body.clientLeft;
//document.all.Exppopup.style.top = document.body.scrollTop;
//document.all.Exppopup.style.width = document.body.clientWidth;
//document.all.Exppopup.style.height = document.body.clientHeight;
document.all.Exppopup.style.display = "";
}//function
function hiddenBigImg_fn(){
document.all.Exppopup.style.display = "none";
}//function
</script>
<div class="exp" onclick="javascript:viewOpen_fn();">
<div class="expBorder">
<h5>이동식 주택에 대한 설명을 원하시면 여기를 클릭하세요</h5>
</div>
</div>
<div id="Exppopup" name="Exppopup" style="position:absolute; width:764px; height:300px; z-index:301;display:none; overflow-x:hidden; overflow-y:scroll; border:#999 1px solid; ">
<div style="background: #FCFEE2; padding:10px; margin:0px; font-size:1.2em; ">
<div class="wdcl" onclick="javascript:hiddenBigImg_fn()">닫기 [close]</div>
<p class="ahp">
가격이 저렴하고 튼튼하며 모양이 다양하며 되판매가 가능하다</p>
<p class="ahp">저평수 제작에 적합하며, 시간과 비용이 대폭 절약된다.</p>
<p class="ahp">펜션, 주말주택, 일반주택, 방가로, 사무실에 적합하며<br />
정식건물, 가건물 및 모든 주택에 시공이 가능하며 기초에서부터<br />
내부 인테리어까지 원하는 조건에 시공설치가 가능하며 이동식인 경우<br />
차후 되 판매가 가능하며 차후 이동설치도 가능하다</p>
<p class="ahp">발코니 테라스, 내부루바, 천정 등박스, 실크도배, 바닥 강화마루,<br />
외부싸이딩(비닐, 원목, 시멘트(하드), 드라이비트, 벽돌), 현관<br />
다양한 선택으로 색다르게 할 수 있다</p>
<p class="ahp">정화조, 수도, 전기인입 및 계량기, 출입구현관, 대형창문(이중창, 시스템),<br />
바닥 기초작업 및 고임작업으로 선택하여 설치 가능하다.</p>
<p class="ahp">이동식인 경우 운반가능한 공간이 확보되며 전국어디든지 납품이 가능하며<br />
이동불가능시 현장제작도 가능하다.</p>
<div class="wdcl" onclick="javascript:hiddenBigImg_fn()">닫기 [close]</div>
</div>
</div>
</div>
____________________________________________________________________________________________________________________
요렇게 해서 게시판 상단에 소스 넣는거에 넣어주었는데;;
깜빡이는거두;; 첨에 빨강됬다가;; 검정파랑만 반복하구여;;;
그리고 파이어폭스에서는 아예 안되고;;
레이어 설명창도 안나타나고;;
우아아앙~~~~ ㅠㅠ
http://containertech.net/testist
댓글 3
-
만쓰별(정만)
2009.01.16 17:43
-
Habile
2009.01.16 19:03
IE만 존재하면 안됩니다 ;;
지금 IE가 제일 문제인데요 ^^ ;
전 주로 쓰는 브라우저가 FF3(파이어폭스3)입니다 ;;ㅋ -
부우우
2009.01.16 21:55
IE가 없어져야 한다고 생각합니다.ㅋㅋㅋ 내가 잘못 코딩하든 잘 코딩하든, 크로스 브라우징 했을 때 다른 것들은 다 똑같이 나오는 데 딱 하나 다르게 나오는 게 IE입니다.ㅋ 귀찮아요, 귀찮아.
익스플로어가 웹표준은 안지켜서;; 발생하는 문제여..
일종의 그냥 편하게 쓰는 사람들의 문제이기도 하고;;
그냥 익스플로어처럼 통일하면 안되겠니;;;
왜 다른 브라우저들이 존재하는 건가;;
아... 나의 세계관에서는 알수 없는구려;; 하지만 파폭 정말 신기하고 재능많은 넘이나 오늘 내가 겪어본 바로는 ㅋㅋ
해결방법.. 우선 레이어창만 해결했어요..
document.all.Exppopup.style.display = ""; 에서
//문제가 되는 부분은 이 부분인데 all은 IE 전용 html DOM(Document Object Modle) 입니다.
네이버 검색해서 찾았음;;
위에 all 들어간 부분과 뒤에 Exppopup 부분을 이렇게 고치면 작동이 됩니다. 파폭에서도;;
document.getElementById("Exppopup").style.display = "";
다른 부분들도 다 고쳐주면 되는데;;
문제는 깜빡이는거;; 에거거;; 저건 어찌하리;;거기도 all이 들어가서 수정은 해줬지만 반응을 안하신다..는..