이부분 왜이런건지 아시는분 없을까요..ㅠ.ㅠ > 자유게시판

자유게시판

이부분 왜이런건지 아시는분 없을까요..ㅠ.ㅠ 정보

이부분 왜이런건지 아시는분 없을까요..ㅠ.ㅠ

본문

어제부터 계속 매달리는데;;;;

뾰족한 답이 나오지않네요;;;심지어 원인이 뭔지도 찾지를 못했습니다..ㅠ.ㅠ


좀 도와주셨으면해요......ㅠ.ㅠ뭐가 문제일까요;;참고로 댓글다는거는 모든 게시판마다 동일한문제네요;;;

소스도..그누보드 기본순정상태그대로이구요(....)
추천
0
  • 복사

댓글 19개

음..그럼 이거 해결방법은 없는건가요..ㅠ.ㅠ

그럼 전혀 엉뚱한곳에서 해매고 있었다는 이야기였네요;;;어쩐지;;답이 안나오더라;;;;;;;

그래도 문제가 뭔지는 알았네요..ㅠ.ㅠ
메인화면의 div영역의 z-index값을 기본값인 0 보다 높은 수
(화면에 뿌려진 갯수를 보니 3만 주셔도되지만) 10으로 주세요.

z-index:10

변경하실 위치는  '#layerPop' 이고, 현재 z-index:2로 먹여진 부분입니다.
<div id="layerPop" class="drag" style="width:710px; height:90%; z-index:10; background:#000000;" onclick="z_layerPop()">

<table border=0  width=700 cellpadding=0 cellspacing=0>
<tr>
 <td width=200><div align="left"><a href="http://laurea.mireene.com/"><font size=2 color="#FFFFFF">Home</font></a></div></td>
 <td width=310>
  </td>
 <td width=200  align="right">
  <a href="javascript:re_home();"><font size=2 color="#FFFFFF">[새로고침]</font></a> 
 </td>
</tr>
</table>
<div align="center" style="width:100%; height:98%;">
 <span id="list_link">
  <iframe name="list_ss" src="http://laurea.mireene.com/main.php" width=99% height=99% frameborder=0">
 </span></div>
</div>

이렇게해도 똑같네요;;;;;2에서 10으로 바꾸어봤는데..ㅠ.ㅠ
구글 크롬과 인터넷익스플로러9를 사용하구요..이게 브라우저랑 상관없이;;;아예;;;다 동일해요..ㅠ.ㅠ

어떤 브라우저에서는 정상적으로되고 어떤 브라우저에서는 안되고 이러면 이해하는데 모두 똑같으니;;;;더큰문제인거같아요..ㅠ.ㅠ
<script language="Javascript">
 function ViewlayerPop(id){
 
  var s = screen.availWidth; //스크린상에 차지하고 있는 실제영역의 크기
  var w = screen.availHeight; 
  list_link.innerHTML = '<iframe name="list_ss" src="' + id +'" width=99% height=99% frameborder=0>';
    document.getElementById("layerPop").style.display='inline';
 
//레이어가 보여질 위치를 수정하시려면 아래의 소스를 수정하세요.
    document.getElementById("layerPop").style.left=s/0-0; // 스크린의 크기/2 - 보여지는레이어/2 중간 정렬을 위한 정보
document.getElementById("layerPop").style.top=w/0-0;
 }
 function CloselayerPop(){
    document.getElementById("layerPop").style.display='none';
 }
 function re_home(){
  list_ss.location.reload();
 }
</script>
<script>
function hidestatus()
{
window.status=''
return true
}
if (document.layers)
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT)
document.onmouseover=hidestatus
document.onmouseout=hidestatus
</script>

<script language="JavaScript">
<!--
document.onmouseover = function ( e ) { 
    if ( !e ) e = window.event; 
        var el = e.target ? e.target : e.srcElement; 
    while ( el != null && el.tagName != "A" ) el = el.parentNode; 
    if ( el == null ) return; 
    if ( e.preventDefault ) e.preventDefault(); 
        else e.returnValue = true;};
//-->
</script>

<div id="layerPop" class="drag" style="width:710px; height:90%; z-index:2; background:#000000;" onclick="z_layerPop()">

<table border=0  width=700 cellpadding=0 cellspacing=0>
<tr>
 <td width=200><div align="left"><a href="http://laurea.mireene.com/"><font size=2 color="#FFFFFF">Home</font></a></div></td>
 <td width=310>
  </td>
 <td width=200  align="right">
  <a href="javascript:re_home();"><font size=2 color="#FFFFFF">[새로고침]</font></a> 
 </td>
</tr>
</table>
<div align="center" style="width:100%; height:98%;">
 <span id="list_link">
  <iframe name="list_ss" src="http://laurea.mireene.com/main.php" width=99% height=99% frameborder=0">
 </span></div>
</div>

인덱스페이지의 구조에요;;;;;;이정도면 될려나요;;;;음음......
#layerPop : 주된 컨텐츠이고 다른 값들보다 우위이므로, 10으로 잡아주세요.
#point : z-index 가 없지만 z-index:1 정도로 잡아주세요
#lumen : 여기 z-index:100 으로 되어있습니다. 이걸 10보다 낮게 낮추시고, (성격상 백그라운드로 보이니 z-index:0으로 하심이 맞을것같네요)


사실, 10 이상으로 잡으셔도됩니다만, 가급적 화면에 표시되는 수치만큼 잡으시는게 좋습니다.
포인트에 <div id='point'  style="position:absolute; left:78%; top:40px; height:10px; z-index:3; visibility:show;cursor:move;" onClick="z_point()">
          <?
include_once("./point.php");?>
</div>이렇게 잡혀져있구요.......

<div id="layerPop" class="drag" style="width:710px; height:90%; z-index:10; background:#000000;" onclick="z_layerPop()">로 바꾸어도...똑같네요..ㅠ.ㅠ

루멘레이어도 z-index 0으로 잡아보았는데 똑같네요;;;흠;;;
사이트 창 다 껐다 재접속하셔서 확인하세요.^^;
정상적용 되어있습니다.

css도 다음접속시 빠르게 표시되도록 캐싱됩니다.
흐음...이상하네요;;;저는 계속 똑같아요.......ㅠ.ㅠ

구글크롬은 14.0최신버전이구요....익스플로러는 9.0사용해요;;

혹시 엔피씨님은 어떤 브라우저 사용하세요?
chrome 17.0
InternetExplorer 9.08
Firefox 4.0.1
Opera 11.61

입니다.
지금 안되고있는곳은 firefox와 opera인데요^^;;
아마 부모 div영역의 z-index값의 영향도 있는것 같습니다.
혹시 position:relative; 영역도 존재한다면, 이네들은 전부 z-index:1로 맞춰주시기바랍니다!
구글 개발자모드와 IE 개발자모드를 통해서 직접소스수정해서 본것이라
다르진 않을것이지만 ㅎㅎㅎ 버전에 따라 브라우저 렌더링이 다르니,
혹시 크롬도 업뎃해보셔요!

그리고 position: 영역은 언제나 위치관계가 따라야합니다^^!
그것도 계속 꾸준히 생각하시면서 만드시면 저 사이트는 최고네요
(레이아웃이 신선해서^^!)
엔피씨님 답변 너무 감사합니다-ㅁ-;;; 지금 크롬은 최신버전이라고 나오네요;;;더 업데이트가 되지않네요;;;;;흠;;;;;

암튼 도움 감사합니다..'ㅁ';;

좋은 말씀 너무 감사합니다-ㅁ-;;
© SIRSOFT
현재 페이지 제일 처음으로