학원선생님도 못찾은 문제..해결부탁드려요..
스킨 넣을때 상단파일, 하단파일 나눠서 넣으면 문제가 발생합니다.
문제. 게시판자체가 나오지 않고 이미지들이 깨지거나 노출이 안됨.
위 문제는 익스플로어에서만 나타나는 현상으로 크롬에서는 잘 나옵니다.
또한, 익스플로어의 아이프레임안에서 보여질 때 잘 나온적도 있었습니다
유독 메인화면 게시판을을 클릭하여 익스플로어로 연결되는 페이지에서 그러는데..
경로도 절대경로로 바꿔도 보고, 여러가지 제로보드로도 해보고 다해봤는데
안됩니다. 몇일을 고생하다 코딩의 달인이신 학원 선생님에 도움을 청하였지만..
결과는 마찬가지 입니다..
고수님들께서 문제 해결 꼭 좀 도와주세요 ㅜ.ㅜ
코드는 아래와 같습니다.
원래 페이지와 깨진 페이지 파일을 첨부합니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>카라성형외과에 오신걸 환영합니다.</title>
<style type="text/css">
body {
margin: 0px;
}
.top_bar {
width: 100%;
height:10px;
margin-top:5px;
background-color:#58005e;
}
.top_wrap {
position:absolute;
top:15px;
height: 110px;
width: 1000px;
margin-left: -500px;
left: 50%;
}
.tlogo {
clear: both;
float: left;
width: 191px;
padding-top: 21px;
}
.tmenu {
float: left;
height: 110px;
width: 809px;
}
.tm1 {
clear: both;
float: left;
margin-top: 6px;
margin-left: 450px;
}
.tm2 {
float: left;
margin-top: 6px;
margin-left: 28px;
}
.tm3 {
float: left;
margin-top: 6px;
margin-left: 28px;
}
.tm4 {
float: left;
margin-top: 6px;
margin-left: 28px;
}
.tm5 {
float: left;
margin-left: 15px;
}
.tm_wrap {
clear: both;
float: left;
}
.tmm_wrap {
clear: both;
float: left;
margin-left: 264px;
height: 61px;
width: 539px;
}
.middle_bar {
clear: both;
float: left;
height: 100px;
width: 100%;
margin-top: 90px;
background-image: url(../sub1_1/images/sub_bg.jpg);
}
.bar_wrap {
background-image: url(../sub1_1/images/sub_bar.jpg);
clear: both;
float: left;
height: 100px;
width: 1000px;
margin-left: -500px;
position: absolute;
left: 50%;
}
.mtext {
clear: both;
float: left;
width: 248px;
color: #FFF;
font-size: 30px;
font-weight: bold;
font-family: "Courier New", Courier, monospace;
text-align: left;
margin-top: 60px;
}
.mflash {
float: left;
height: 100px;
width: 712px;
margin-left: 40px;
}
.middle_wrap {
clear: both;
float: left;
width: 1000px;
margin-left: -500px;
position: absolute;
left: 50%;
margin-top: 210px;
}
.smenu_warp {
clear: both;
float: left;
width: 210px;
margin-top: 25px;
}
.sm_1 {
clear: both;
float: right;
height: 185px;
width: 210px;
margin-right: 0px;
}
.sm_3 {
clear: both;
float: left;
height: 130px;
width: 210px;
margin-top: 30px;
}
.sm_2 {
clear: both;
float: left;
height: 302px;
width: 210px;
margin-top: 0px;
}
.shedow {
float: left;
height: 617px;
width: 38px;
margin-top: 25px;
}
.mmenu_wrap {
float: left;
margin-top: 25px;
margin-left: 20px;
}
.foot_bg {
background-color: #d7d7d7;
clear: both;
float: left;
margin-top: 840px;
height: 60px;
width: 100%;
}
.foot_img {
clear: both;
float: left;
height: 60px;
width: 1000px;
margin-left: -500px;
position: absolute;
left: 50%;
}
</style>
<script src="../Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<div class="top_bar"></div>
<div class="top_wrap">
<div class="tlogo"> <a href="http://carapsc.dothome.co.kr/"><img src="../index/images/index_19.png" width="190" height="61" border="0" /></a></div>
<div class="tmenu">
<div class="tm_wrap">
<div class="tm1"> <a href="http://carapsc.dothome.co.kr/sub5_2/sub5_2.html"><img src="../index/images/index_06.png" width="29" height="10" border="0" /></a></div>
<div class="tm2"> <a href="http://carapsc.dothome.co.kr/sub5_1/sub5_1.html"><img src="../index/images/index_08.png" width="39" height="10" border="0" /></a></div>
<div class="tm3"> <a href="http://carapsc.dothome.co.kr/sub3_2/sub3_2.html"><img src="../index/images/index_10.png" width="39" height="10" border="0" /></a></div>
<div class="tm4"> <a href="http://carapsc.dothome.co.kr/sub1_4/sub1_4.html"><img src="../index/images/index_12.png" width="39" height="10" border="0" /></a></div>
<div class="tm5"> <a href="http://carapsc.dothome.co.kr/"><img src="../index/images/index_03.png" width="104" height="21" border="0" /></a></div>
</div>
<div class="tmm_wrap">
<object id="FlashID4" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="539" height="61">
<param name="movie" value="../flash/index_topmenu.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="../Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="../flash/index_topmenu.swf" width="539" height="61">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="../Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</div>
</div>
<div class="middle_bar">
<div class="bar_wrap">
<div class="mtext">카라갤러리</div>
<div class="mflash"><img src="image/text4_2.png" width="640" height="100" /></div>
</div>
</div>
<div class="middle_wrap">
<div class="smenu_warp">
<div class="sm_1">
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="210" height="185">
<param name="movie" value="../flash/sub4_side_btn.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="../flash/sub4_side_btn.swf" width="210" height="185">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
<div class="sm_3">
<img src="../sub1_1/images/sub_img1.jpg" width="210" height="130" /></div>
<div class="sm_2">
<object id="FlashID3" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="210" height="302">
<param name="movie" value="../flash/sub_side_btn1.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="../sub1_1/Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="../flash/sub_side_btn1.swf" width="210" height="350">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="../sub1_1/Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</div>
<div class="shedow">
<img src="../sub1_1/images/shadow.png" width="38" height="617" /></div>
<div class="mmenu_wrap">
<iframe src="http://carapsc.dothome.co.kr/bbs/board.php?bo_table=gallery" width="732" marginwidth="0" height="836" marginheight="0" scrolling="Auto" frameborder="0" id="marketer"></iframe>
</div>
</div>
<div class="foot_bg">
<div class="foot_img">
<img src="../index/images/foot.jpg" width="1000" height="60" /></div>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID3");
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID");
</script>
</body>
</html>
문제. 게시판자체가 나오지 않고 이미지들이 깨지거나 노출이 안됨.
위 문제는 익스플로어에서만 나타나는 현상으로 크롬에서는 잘 나옵니다.
또한, 익스플로어의 아이프레임안에서 보여질 때 잘 나온적도 있었습니다
유독 메인화면 게시판을을 클릭하여 익스플로어로 연결되는 페이지에서 그러는데..
경로도 절대경로로 바꿔도 보고, 여러가지 제로보드로도 해보고 다해봤는데
안됩니다. 몇일을 고생하다 코딩의 달인이신 학원 선생님에 도움을 청하였지만..
결과는 마찬가지 입니다..
고수님들께서 문제 해결 꼭 좀 도와주세요 ㅜ.ㅜ
코드는 아래와 같습니다.
원래 페이지와 깨진 페이지 파일을 첨부합니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>카라성형외과에 오신걸 환영합니다.</title>
<style type="text/css">
body {
margin: 0px;
}
.top_bar {
width: 100%;
height:10px;
margin-top:5px;
background-color:#58005e;
}
.top_wrap {
position:absolute;
top:15px;
height: 110px;
width: 1000px;
margin-left: -500px;
left: 50%;
}
.tlogo {
clear: both;
float: left;
width: 191px;
padding-top: 21px;
}
.tmenu {
float: left;
height: 110px;
width: 809px;
}
.tm1 {
clear: both;
float: left;
margin-top: 6px;
margin-left: 450px;
}
.tm2 {
float: left;
margin-top: 6px;
margin-left: 28px;
}
.tm3 {
float: left;
margin-top: 6px;
margin-left: 28px;
}
.tm4 {
float: left;
margin-top: 6px;
margin-left: 28px;
}
.tm5 {
float: left;
margin-left: 15px;
}
.tm_wrap {
clear: both;
float: left;
}
.tmm_wrap {
clear: both;
float: left;
margin-left: 264px;
height: 61px;
width: 539px;
}
.middle_bar {
clear: both;
float: left;
height: 100px;
width: 100%;
margin-top: 90px;
background-image: url(../sub1_1/images/sub_bg.jpg);
}
.bar_wrap {
background-image: url(../sub1_1/images/sub_bar.jpg);
clear: both;
float: left;
height: 100px;
width: 1000px;
margin-left: -500px;
position: absolute;
left: 50%;
}
.mtext {
clear: both;
float: left;
width: 248px;
color: #FFF;
font-size: 30px;
font-weight: bold;
font-family: "Courier New", Courier, monospace;
text-align: left;
margin-top: 60px;
}
.mflash {
float: left;
height: 100px;
width: 712px;
margin-left: 40px;
}
.middle_wrap {
clear: both;
float: left;
width: 1000px;
margin-left: -500px;
position: absolute;
left: 50%;
margin-top: 210px;
}
.smenu_warp {
clear: both;
float: left;
width: 210px;
margin-top: 25px;
}
.sm_1 {
clear: both;
float: right;
height: 185px;
width: 210px;
margin-right: 0px;
}
.sm_3 {
clear: both;
float: left;
height: 130px;
width: 210px;
margin-top: 30px;
}
.sm_2 {
clear: both;
float: left;
height: 302px;
width: 210px;
margin-top: 0px;
}
.shedow {
float: left;
height: 617px;
width: 38px;
margin-top: 25px;
}
.mmenu_wrap {
float: left;
margin-top: 25px;
margin-left: 20px;
}
.foot_bg {
background-color: #d7d7d7;
clear: both;
float: left;
margin-top: 840px;
height: 60px;
width: 100%;
}
.foot_img {
clear: both;
float: left;
height: 60px;
width: 1000px;
margin-left: -500px;
position: absolute;
left: 50%;
}
</style>
<script src="../Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<div class="top_bar"></div>
<div class="top_wrap">
<div class="tlogo"> <a href="http://carapsc.dothome.co.kr/"><img src="../index/images/index_19.png" width="190" height="61" border="0" /></a></div>
<div class="tmenu">
<div class="tm_wrap">
<div class="tm1"> <a href="http://carapsc.dothome.co.kr/sub5_2/sub5_2.html"><img src="../index/images/index_06.png" width="29" height="10" border="0" /></a></div>
<div class="tm2"> <a href="http://carapsc.dothome.co.kr/sub5_1/sub5_1.html"><img src="../index/images/index_08.png" width="39" height="10" border="0" /></a></div>
<div class="tm3"> <a href="http://carapsc.dothome.co.kr/sub3_2/sub3_2.html"><img src="../index/images/index_10.png" width="39" height="10" border="0" /></a></div>
<div class="tm4"> <a href="http://carapsc.dothome.co.kr/sub1_4/sub1_4.html"><img src="../index/images/index_12.png" width="39" height="10" border="0" /></a></div>
<div class="tm5"> <a href="http://carapsc.dothome.co.kr/"><img src="../index/images/index_03.png" width="104" height="21" border="0" /></a></div>
</div>
<div class="tmm_wrap">
<object id="FlashID4" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="539" height="61">
<param name="movie" value="../flash/index_topmenu.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="../Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="../flash/index_topmenu.swf" width="539" height="61">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="../Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</div>
</div>
<div class="middle_bar">
<div class="bar_wrap">
<div class="mtext">카라갤러리</div>
<div class="mflash"><img src="image/text4_2.png" width="640" height="100" /></div>
</div>
</div>
<div class="middle_wrap">
<div class="smenu_warp">
<div class="sm_1">
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="210" height="185">
<param name="movie" value="../flash/sub4_side_btn.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="../flash/sub4_side_btn.swf" width="210" height="185">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
<div class="sm_3">
<img src="../sub1_1/images/sub_img1.jpg" width="210" height="130" /></div>
<div class="sm_2">
<object id="FlashID3" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="210" height="302">
<param name="movie" value="../flash/sub_side_btn1.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="../sub1_1/Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="../flash/sub_side_btn1.swf" width="210" height="350">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="../sub1_1/Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</div>
<div class="shedow">
<img src="../sub1_1/images/shadow.png" width="38" height="617" /></div>
<div class="mmenu_wrap">
<iframe src="http://carapsc.dothome.co.kr/bbs/board.php?bo_table=gallery" width="732" marginwidth="0" height="836" marginheight="0" scrolling="Auto" frameborder="0" id="marketer"></iframe>
</div>
</div>
<div class="foot_bg">
<div class="foot_img">
<img src="../index/images/foot.jpg" width="1000" height="60" /></div>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID3");
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID");
</script>
</body>
</html>
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 8개
아직 작업 중이라 마니 허접해용
각각의 div들이 올라타고 내려가고 티어나오고 ㅡㅡ;;
http://carapsc.dothome.co.kr/sub4_1/sub4_1.html 페이지에서 오류
Fatal error: Call to undefined function phpecho() in /host/home2/carapsc/html/sub4_1/sub4_1.html on line 285
<?php echo 이렇게 사용하시는것같은데요
php 와 echo 사이를 띄워야 합니다
Php echo 띄어써도 그데로엥요 ㅠㅜ
정확한 문제는 한페이지에 해당되는게 아니라 게시판을 넣은 모든 페이지가
문제발생된다는 점입니다..
잘나오는 페이지들이 게시판설정에서 상하 파일로 나눠 넣으면 그렇게 이상하게
Div가 깨집니다..
제가 실수 한걸 수도 있겠지만 10년 넘게 프로그래밍 해왔던 선생님과
몇시간 동안 이것저것 해보았는데도.. 처음 보는 현상이라고 하시더라구요..
정령 해결책이 없는건가.. 하는 생각이 드네요 ㅜㅠ
DTD선언을 바꿔봐야 할꺼같은데.. 어떻게 바꿔야 할지 모르겠네요 ㅠㅜ