 |
ปัญหาช่องว่างเปิด Flash ใน IE/ Firefox/ Google Chrome แสดงผลไม่เหมือนกัน |
| |
 |
|
|
 |
 |
|
CSS Tools: Reset CSS ลองดูก่อนครับ
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
|
ประวัติการแก้ไข
2011-04-16 10:51:09
 |
 |
 |
 |
| Date :
2011-04-16 10:50:03 |
By :
silasakk |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ขอบคุณค๊า ลองแล้วยังเหมือนเดิมเลย แก้ไงดี T^T
|
| |
|
|
| |
| Date :
2011-04-16 11:15:05 |
By :
whiteCHAIN |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอดู code ช่วง
Code ไม่มีช่องว่างค่ะ
</object><object> ไม่เว้นช่องเลย
และ css ด้วยครับ
|
| |
|
|
| |
| Date :
2011-04-16 11:19:48 |
By :
silasakk |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
<style type="text/css">
@import url("../cssStyle.css");
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(../theme/theme-bg.jpg);
font-size: 12px;
color: #333;
}
#footer {
height: 50px;
width: 960px;
background-color: #999;
}
#menu {
height: 75px;
width: 960px;
margin: 0px;
padding: 0px;
border: 0px;
}
#header {
background-attachment: fixed;
height: 300px;
width: 960px;
background-color: #FFF;
}
#login {
height: 462px;
width: 180px;
background-image: url(../theme/theme-login.gif);
}
#main {
background-attachment: fixed;
width: 750px;
height: auto;
background-color: #FFF;
}
</style>
<script src="../Scripts/swfobject_modified.js" type="text/javascript"></script>
<!-- TemplateParam name="css" type="boolean" value="true" -->
<!-- TemplateParam name="maincss" type="boolean" value="true" -->
</head>
<body>
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th colspan="2" align="left" nowrap="nowrap"><div class="menu" id="menu">
<img src="../theme/theme-banner.jpg" width="260" height="75" /><object id="FlashID1" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100" height="75">
<param name="movie" value="../theme/button-home.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="../theme/button-home.swf" width="100" height="75">
<!--<![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><object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100" height="75">
<param name="movie" value="../theme/button-news.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="../theme/button-news.swf" width="100" height="75">
<!--<![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><object id="FlashID3" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100" height="75">
<param name="movie" value="../theme/button-content.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="../theme/button-content.swf" width="100" height="75">
<!--<![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><object id="FlashID4" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100" height="75">
<param name="movie" value="../theme/button-gallery1.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="../theme/button-gallery1.swf" width="100" height="75">
<!--<![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><object id="FlashID5" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100" height="75">
<param name="movie" value="../theme/button-download.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="../theme/button-download.swf" width="100" height="75">
<!--<![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><object id="FlashID6" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100" height="75">
<param name="movie" value="../theme/button-admin.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="../theme/button-admin.swf" width="100" height="75">
<!--<![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><object id="FlashID7" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100" height="75">
<param name="movie" value="../theme/button-logout.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="../theme/button-logout.swf" width="100" height="75">
<!--<![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></th>
</tr>
<tr>
<td colspan="2" nowrap="nowrap"><div class="header" id="header">
<object id="FlashID8" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="960" height="300">
<param name="movie" value="../theme/template-header.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="../theme/template-header.swf" width="960" height="300">
<!--<![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></td>
</tr>
<tr>
<td width="180" height="462" valign="top" nowrap="nowrap" bgcolor="#FFFFFF"><div class="login" id="login"> <!-- TemplateBeginEditable name="login" -->
<? include "user_login.php";?>
<!-- TemplateEndEditable --></div></td>
<td width="771" valign="top" nowrap="nowrap" bgcolor="#FFFFFF"><div class="main" id="main">
<p><!-- TemplateBeginEditable name="maintopic" --> เขียนข้อความที่นี่<!-- TemplateEndEditable --></p>
<p><!-- TemplateBeginEditable name="maincoding" -->maincoding<!-- TemplateEndEditable --></p>
<!-- TemplateBeginEditable name="mainform" -->
<p>mainform</p>
<p> </p>
<!-- TemplateEndEditable --><!-- TemplateBeginEditable name="maincoding2" -->maincoding2<!-- TemplateEndEditable --></div></td>
</tr>
<tr>
<td colspan="2" nowrap="nowrap"><div class="footer" id="footer"></div></td>
</tr>
</table>
<script type="text/javascript">
swfobject.registerObject("FlashID1");
swfobject.registerObject("FlashID2");
swfobject.registerObject("FlashID3");
swfobject.registerObject("FlashID4");
swfobject.registerObject("FlashID5");
swfobject.registerObject("FlashID6");
swfobject.registerObject("FlashID8");
swfobject.registerObject("FlashID7");
</script>
</body>
</html>
|
ประวัติการแก้ไข
2011-04-16 13:04:12
2011-04-16 13:06:22
| |
|
|
| |
| Date :
2011-04-16 13:03:30 |
By :
whiteCHAIN |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ต้องบอกว่า ie ผิดปกติจากชาวบ้าน browser อื่นๆแสดงผลได้ตามมาตรฐานมากกว่า ถึงจะถูก
แต่กรณีนี้ต้องการแสดงผลให้ได้อย่าง ie เพราะตอนทำคงเอา ie เป็นหลักในตอนออกแบบและทำ
ดังนั้นก็ต้องแก้ browser ทั่วไปอื่นๆให้ได้ตรงตามต้องการก่อน แล้วมา fix ie ทีหลัง
วิธีแก้ที่ browser อื่นๆ อย่างเช่น firefox ให้ติดตั้ง firebug แล้วทำการ inspect element
มันจะแสดง margin และ padding เป็นสีเหลืองและม่วง ก็ตรวจดูไปเรื่อยๆว่าช่องว่างเกิดจาก html, css บรรทัดไหน เดี๋ยวก็เจอครับ ง่ายๆ
|
| |
|
|
| |
| Date :
2011-04-17 15:48:43 |
By :
mr.v |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
แก้ได้แล้วค่ะ
ขอบคุณมากคร๊า ^O^
|
| |
|
|
| |
| Date :
2011-04-20 16:22:01 |
By :
mameawMana |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
