問題:
可能原因:
網頁下面的區塊重複了,下方多餘的部分沒對齊而看似跑版。
原始程式:
<tr>
<td valign="top" align="right"><img alt="*" border="0" src="upload/webstyle_2/n_09.jpg"></td>
</tr>
<tr>
<td style="PADDING-RIGHT: 15px" valign="top" align="right">
<table border="0" cellspacing="1" cellpadding="3" width="100%">
<tbody>
<tr>
<td valign="middle" align="right">
<!-- <div class="addthis_native_toolbox"></div> -->
<a href="http://www.facebook.com/share.php?u=https://www.cksmh.gov.tw" tabindex="199" target="_blank" title="Facebook分享(另開視窗)"><img alt="Facebook" src="./external/img/facebook-20.png"></a>
<a href="http://twitter.com/home/?status=https://www.cksmh.gov.tw" tabindex="199" target="_blank" title="Twitter分享(另開視窗)"><img alt="Twitter" src="./external/img/twitter-20.png"></a>
<a href="https://plus.google.com/share?url=https://www.cksmh.gov.tw" tabindex="199" target="_blank" title="Google分享(另開視窗)"><img alt="Google" src="./external/img/google-20.png"></a>
<a href="http://plurk.com/?qualifier=shares&status=https://www.cksmh.gov.tw" tabindex="199" target="_blank" title="Plurk分享(另開視窗)"><img alt="Plurk" src="./external/img/plurk-20.png"></a>
</td>
<td valign="middle" align="right">
<table border="0" cellspacing="1" cellpadding="3" width="100%">
<tbody>
<tr>
<td class="update_style" valign="top" nowrap="nowrap" align="left">最後更新日期:1970-01-01</td>
</tr>
</tbody>
</table>
</td>
<td valign="middle" align="right">
<table border="0" cellspacing="1" cellpadding="3" width="100%">
<tbody>
<tr>
<!-- <td valign="middle" align="left"><img border="0" alt="好友推薦" src="upload/webstylea_default/n_10.jpg" /></td> -->
<!-- <td valign="middle" nowrap="nowrap" align="left"><a class="aa" title="好友推薦" target="_blank" href="index.php?act=article&code=resend&ids=254&flag=list" tabindex="199">好友推薦</a></td> -->
</tr>
</tbody>
</table>
</td>
<td valign="middle" align="right">
<table border="0" cellspacing="1" cellpadding="3" width="100%">
<tbody>
<tr>
<td valign="middle" align="left"><img border="0" alt="友善列印" src="upload/webstyle_2/n_11.jpg"></td>
<td align="left" valign="middle" nowrap="nowrap"><a class="aa" title="友善列印" href="./index.php?act=article&code=listprint&ids=254&page=1&pageSize=10" tabindex="199">友善列印</a></td>
</tr>
</tbody>
</table>
</td>
<td valign="middle" align="right">
<table border="0" cellspacing="1" cellpadding="3" width="100%">
<tbody>
<tr>
<td valign="middle" align="left"><img border="0" alt="回上頁" src="upload/webstyle_2/n_12.jpg"></td>
<td align="left" valign="middle" nowrap="nowrap"><a class="aa" title="回上頁" href="javascript:history.back();" tabindex="199">回上頁</a></td>
</tr>
</tbody>
</table>
</td>
<td valign="middle" align="right">
<table border="0" cellspacing="1" cellpadding="3" width="100%">
<tbody>
<tr>
<td valign="middle" align="left"><img border="0" alt="TOP" src="upload/webstyle_2/n_13.jpg"></td>
<td valign="middle" nowrap="nowrap" align="left"><a class="aa" title="TOP" href="#" tabindex="199">TOP</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table><noscript>&lt;div style="padding-top:2px"&gt;「友善列印」替代方案,可按鍵盤「Ctrl + P」。「回上頁」替代方案,可按鍵盤「Backspace」。&lt;/div&gt;</noscript>
</td>
</tr>
<tr>
<td align="center" valign="top"><script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-17559226-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
</script>
<style type="text/css">
.class1{
font-size:16px;
line-height:1.8em;
color: #707070;
letter-spacing:1px;
font-family:"微軟正黑體";
}
.class2{
font-size:13px;
line-height:1.5em;
color: #707070;
letter-spacing:1px;
font-family:"微軟正黑體";
}
.class2 A:link { /* 未瀏覽的連結 */
font-size:13px;
line-height:1.5em;
color: #707070;
letter-spacing:1px;
text-decoration:none;
font-family:"微軟正黑體";
}
.class2 A:visited { /* 已瀏覽的連結 */
font-size:13px;
line-height:1.5em;
color: #707070;
letter-spacing:1px;
text-decoration:none;
font-family:"微軟正黑體";
}
.class2 A:hover { /* 移動至連結時 */
font-size:13px;
line-height:1.5em;
color: #133c8e;
letter-spacing:1px;
text-decoration:underline;
font-family:"微軟正黑體";
}
.class2 A:focus { /* 聚焦時 */
font-size:13px;
line-height:1.5em;
color: #707070;
letter-spacing:1px;
text-decoration: none;
font-family:"微軟正黑體";
}
.class2 A:active { /* 瀏覽連結時 */
font-size:13px;
line-height:1.5em;
color: #707070;
letter-spacing:1px;
text-decoration: none;
font-family:"微軟正黑體";
}
.class1 A:link { /* 未瀏覽的連結 */
font-size:16px;
line-height:1.5em;
color: #707070;
letter-spacing:1px;
text-decoration:none;
font-family:"微軟正黑體";
}
.class1 A:visited { /* 已瀏覽的連結 */
font-size:16px;
line-height:1.5em;
color: #707070;
letter-spacing:1px;
text-decoration:none;
font-family:"微軟正黑體";
}
.class1 A:hover { /* 移動至連結時 */
font-size:16px;
line-height:1.5em;
color: #133c8e;
letter-spacing:1px;
text-decoration:underline;
font-family:"微軟正黑體";
}
.class1 A:focus { /* 聚焦時 */
font-size:16px;
line-height:1.5em;
color: #707070;
letter-spacing:1px;
text-decoration: none;
font-family:"微軟正黑體";
}
.class1 A:active { /* 瀏覽連結時 */
font-size:16px;
line-height:1.5em;
color: #707070;
letter-spacing:1px;
text-decoration: none;
font-family:"微軟正黑體";
}
.class3{
font-size:18px;
line-height:1.5em;
color: #707070;
letter-spacing:1px;
font-family:"微軟正黑體";
}
</style>
<div><img src="../upload/attachment/17e2fedc4dd4112599ed5fbd3f626b9e.jpg" alt="*"></div>
<div align="center" style="background-image:url(../upload/attachment/10e5927bdeecce902ffff5016176b158.jpg); background-repeat: repeat-y; ">
<div align="left" class="class3" style="padding:0px 10px 10px 25px"><strong>網站導覽</strong></div>
<table width="97%" border="0" cellspacing="3" cellpadding="5">
<tbody><tr align="left" valign="top">
<td nowrap="" class="class1"><strong><a tabindex="202" href="index.php?code=list&ids=2" title="公布欄">公布欄</a></strong></td>
<td nowrap="" class="class1"><strong><a tabindex="203" href="index.php?code=list&ids=3" title="本處簡介">本處簡介</a></strong></td>
<td nowrap="" class="class1"><strong><a tabindex="204" href="index.php?code=list&ids=4" title="展覽活動">展覽活動</a></strong></td>
<td nowrap="" class="class1"><strong><a tabindex="205" href="index.php?code=list&ids=5" title="文教活動">文教活動</a></strong></td>
<td nowrap="" class="class1"><strong><a tabindex="206" href="index.php?code=list&ids=393" title="研究典藏">研究典藏</a></strong></td>
<td nowrap="" class="class1"><strong><a tabindex="207" href="index.php?code=list&ids=6" title="園區導覽">園區導覽</a></strong></td>
<td nowrap="" class="class1"><strong><a tabindex="208" href="index.php?code=list&ids=7" title="便民服務">便民服務</a></strong></td>
<td nowrap="" class="class1"><strong><a tabindex="209" href="index.php?code=list&ids=8" title="政府資訊公開">政府資訊公開</a></strong></td>
<td nowrap="" class="class1"><strong><a tabindex="210" href="index.php?code=list&ids=9" title="科技應用">科技應用</a></strong></td>
<td nowrap="" class="class1"><strong><a tabindex="211" href="index.php?code=list&ids=12" title="志工園地">志工園地</a></strong></td>
</tr>
<tr align="left" valign="top">
<td nowrap="" class="class2">
<a tabindex="202" href="index.php?code=list&ids=18" title="最新消息">‧最新消息</a><br>
<a tabindex="202" href="index.php?code=list&ids=19" title="新聞稿">‧新聞稿</a><br>
<a tabindex="202" href="index.php?code=list&ids=20" title="招標公告">‧招標公告</a><br>
<a tabindex="202" href="index.php?code=list&ids=329" title="其它公告">‧其它公告</a>
</td>
<td nowrap="" class="class2">
<a tabindex="203" href="index.php?code=list&ids=21" title="處長簡介">‧處長簡介</a><br>
<a tabindex="203" href="index.php?code=list&ids=22" title="組織架構">‧組織架構</a><br>
<a tabindex="203" href="index.php?code=list&ids=3" title="緣起沿革">‧緣起沿革</a><br>
<!-- <a tabindex="203" href="index.php?code=list&ids=24" title="目標願景">‧目標願景</a><br> -->
<a tabindex="203" href="index.php?code=list&ids=25" title="設計理念">‧設計理念</a><br>
<a tabindex="203" href="index.php?code=list&ids=26" title="設施介紹">‧設施介紹</a><br>
<a tabindex="203" href="index.php?code=list&ids=27" title="參觀資訊">‧參觀資訊</a><br>
<a tabindex="203" href="index.php?code=list&ids=415" title="本處Logo">‧本處Logo</a></td>
<td nowrap="" class="class2">
<a tabindex="204" href="index.php?code=list&ids=28" title="藝文展覽">‧藝文展覽</a><br>
<a tabindex="204" href="index.php?code=list&ids=362" title="展覽年鑑">‧展覽年鑑</a><br>
<a tabindex="204" href="index.php?code=list&ids=29" title="線上特展">‧線上特展</a><!--<br>‧
<a href="index.php?code=list&ids=50">展覽、典藏<br>及導覽解說</a><br>‧
<a href="index.php?code=list&ids=31">合作提案</a>--><br>
<a tabindex="204" href="index.php?code=list&ids=215" title="蔣中正總統文物展視室">‧蔣中正總統<br>文物展視室</a><br>
<a tabindex="204" href="index.php?code=list&ids=128" title="展場申請">‧展場申請</a>
</td>
<td nowrap="" class="class2">
<a tabindex="205" href="index.php?code=list&ids=308" title="活動快遞">‧活動快遞</a><br>
<a tabindex="205" href="https://event.culture.tw/CKSMH" target="_blank" title="生活美學研習(另開視窗)">‧生活美學<br>研習</a><br>
<a tabindex="205" href="index.php?code=list&ids=569" title="藝起來中正">‧藝起來中正</a><br>
<a tabindex="205" href="https://event.culture.tw/CKSMH" target="_blank" title="中正藝學堂(另開視窗)">‧中正藝學堂</a><br>
<a tabindex="205" href="https://event.culture.tw/CKSMH" target="_blank" title="兒童青少年研習(另開視窗)">‧兒童青少年<br>研習</a><br>
<a tabindex="205" href="index.php?code=list&ids=37" title="專題講座">‧專題講座</a><br>
<a tabindex="205" href="index.php?act=album&code=album&cat=3" title="活動成果">‧活動成果</a><br>
<a tabindex="205" href="index.php?code=list&ids=226" title="學習專區">‧學習專區</a>
</td>
<td nowrap="" class="class2">
<a tabindex="206" href="index.php?code=list&ids=394" title="學術研究">學術研究</a><br>
<a tabindex="206" href="index.php?code=list&ids=399" title="文物典藏">‧文物典藏</a><br>
<a tabindex="206" href="index.php?code=list&ids=402" title="品牌與圖像授權">‧品牌與圖<br>像授權</a><br>
<a tabindex="206" href="https://www.cksmh.gov.tw/index.php?code=list&ids=410" target="_blank" title="圖書室">‧圖書室</a><br>
<a tabindex="206" href="index.php?code=list&ids=416" title="講座活動">‧講座活動</a><br>
<a tabindex="206" href="index.php?act=history_record" title="民國史上的今天">‧民國史上<br>的今天</a>
<!-- <a href="index.php?code=list&ids=496" title="數位典藏">‧數位典藏</a> -->
</td>
<td nowrap="" class="class2">
<a tabindex="207" href="index.php?code=list&ids=291" title="公園簡介">‧公園簡介</a><br>
<a tabindex="207" href="index.php?code=list&ids=39" title="遊憩專區">‧遊憩專區</a><br>
<a tabindex="207" href="index.php?code=list&ids=40" title="公園景緻">‧公園景緻</a><br>
<a tabindex="207" href="index.php?code=list&ids=41" title="動物昆蟲專區">‧動物昆蟲<br>專區</a><!--<br>
<a tabindex="207" href="index.php?code=list&ids=501">特色植物</a>--><br>
‧
<a tabindex="207" href="index.php?code=list&ids=502" title="園區歷史影片集錦">園區歷史<br>影片集錦</a>
</td>
<td nowrap="" class="class2">
<a tabindex="208" href="index.php?code=list&ids=520" title="無障礙服務">‧無障礙服務</a><br>
<a tabindex="208" href="index.php?code=list&ids=642" title="性別平等專區">‧性別平等專區</a><br>
<a tabindex="208" href="index.php?act=form" title="滿意度問卷調查">‧滿意度問<br>卷調查</a><br>
<a tabindex="208" href="index.php?act=faq" title="常見問答">‧常見問答</a><br>
<a tabindex="208" href="index.php?code=list&ids=47" title="下載專區">‧下載專區</a><br>
<a tabindex="208" href="index.php?code=list&ids=513" title="課程及活動文宣">‧課程及活<br>動文宣</a><br>
<a tabindex="208" href="index.php?code=list&ids=48">‧場地租借</a><br>
<a tabindex="208" href="index.php?code=list&ids=49" title="展覽申請">‧展覽申請</a><br>
<a tabindex="208" href="index.php?code=list&ids=50" title="導覽服務">‧導覽服務</a><br>
<a tabindex="208" href="index.php?code=list&ids=51" title="為民服務信箱">‧為民服務信箱</a>
</td>
<td nowrap="" class="class2">
<a tabindex="209" href="index.php?code=list&ids=599" title="本處出版品">‧本處出版品</a><br>
<a tabindex="209" href="index.php?code=list&ids=52" title="法令規章">‧法令規章</a><br>
<a tabindex="209" href="index.php?code=list&ids=53" title="行政規則">‧行政規則</a><br>
<a tabindex="209" href="index.php?code=list&ids=54" title="行政指導有關文書">‧行政指導<br>有關文書</a><br>
<a tabindex="209" href="index.php?code=list&ids=55" title="施政計畫">‧施政計畫</a><br>
<a tabindex="209" href="index.php?code=list&ids=56" title="業務統計">‧業務統計</a><br>
<a tabindex="209" href="index.php?code=list&ids=603" title="考察計畫">‧考察計畫</a><br>
<a tabindex="209" href="index.php?code=list&ids=59" title="請願處理結果及訴願決定">‧請願處理結果及<br>訴願決定</a><br>
<a tabindex="209" href="index.php?code=list&ids=61" title="書面之公共工程及採購契約">‧書面之公共工程<br>及採購契約</a><br>
<a tabindex="209" href="index.php?code=list&ids=235" title="本處組織職掌及連絡資訊">‧本處組織職掌及<br>連絡資訊</a><br>
<a tabindex="209" href="index.php?code=list&ids=236" title="合議制機關之會議紀錄">‧合議制機關之會<br>議紀錄</a>
<a tabindex="209" href="index.php?code=list&ids=378" title="‧政策宣導相關廣告">‧政策宣導<br>相關廣告</a><br>
<a tabindex="209" href="index.php?code=list&ids=58" title="預算及決算書">‧預算及決算書</a><br>
<a tabindex="209" href="index.php?code=list&ids=470" title="會計報告">‧會計報告</a><br>
<a tabindex="209" href="index.php?code=list&ids=62" title="支付或接受補助">‧支付或接受補助</a><br>
<a tabindex="209" href="index.php?code=list&ids=637" title="內部控制聲明書">‧內部控制聲明書</a><br>
<a tabindex="209" href="http://infrastructure.ey.gov.tw/cp.aspx?n=C39A042F2BE4CA87" title="前瞻基礎建設專區">‧前瞻基礎建設專區</a><br>
</td>
<td nowrap="" class="class2">
<a tabindex="210" href="index.php?code=list&ids=604" title="3D浮空投影">‧3D浮空投影</a><br>
<!-- <a tabindex="210" href="index.php?code=list&ids=605" title="Uwatch">‧Uwatch</a><br> -->
<a tabindex="210" href="index.php?code=list&ids=614" title="蔣夫人水墨動畫暨修護紀錄影片">‧蔣夫人水墨動畫<br>暨修護紀錄影片</a><br>
</td>
<td nowrap="" class="class2">
<a tabindex="211" href="https://event.culture.tw/CKSMH/portal/ArtistSpace/R0502MAction?spaceId=7A001" title="學生公共服務">‧學生公共<br>服務</a><br>
<a tabindex="211" href="index.php?code=list&ids=72" title="志工招募及報名">‧志工招募<br>及報名</a><br>
<a tabindex="211" href="index.php?code=list&ids=73" title="志工相關法規">‧志工相關<br>法規</a><br>
<a tabindex="211" href="index.php?code=list&ids=74" title="志工訓練">‧志工訓練</a><br>
<a tabindex="211" href="index.php?code=list&ids=75" title="活動訊息">‧活動訊息</a><br>
<a tabindex="211" href="index.php?code=list&ids=76" title="活動剪影">‧活動剪影</a><br>
<a tabindex="211" href="index.php?code=list&ids=254" title="志工下載專區">‧志工下載<br>專區</a>
</td>
</tr>
</tbody></table></div>
<div id="down" style="Z-INDEX: 2; POSITION: absolute"><a class="down" title="下方連結區" accesskey="B" href="#downarea" tabindex="300">
<font color="#007cc3">:::</font></a></div>
<table border="0" cellspacing="0" cellpadding="0" width="100%" summary="*">
<tbody>
<tr>
<td valign="top" align="left"><img border="0" alt="*" src="upload/webstyle_2/bottom_01.jpg"></td>
</tr>
<tr>
<td valign="top" background="upload/webstyle_2/bottom_10.jpg" align="left">
<table border="0" cellspacing="0" cellpadding="0" width="100%" summary="*">
<tbody>
<tr>
<td style="PADDING-LEFT: 128px" class="bottom" valign="bottom" width="1%" nowrap="nowrap" align="left">總瀏覽人次:<img alt="57582258" src="index.php?act=counter&counter=57582258"></td>
<td style="PADDING-LEFT: 15px" class="bottom" valign="bottom" align="left">網站更新日期:2017-10-27</td>
<td valign="bottom" width="1%" align="left">
<table border="0" cellspacing="0" cellpadding="0" width="100%" summary="*">
<tbody>
<tr>
<td valign="top" align="left"><a target="_blank" href="http://www.adobe.com/tw/downloads/" tabindex="301" title="flash下載(另開新視窗)"><img border="0" alt="flash下載(另開新視窗)" src="upload/webstyle_2/bottom_02.jpg"></a></td>
<td valign="top" align="left"><a href="index.php?code=list&ids=17" tabindex="302" title="隱私權及資訊安全政策"><img border="0" alt="隱私權及資訊安全政策" src="upload/webstyle_2/bottom_03.jpg"></a></td>
<td valign="top" align="left"><a href="index.php?act=chief_mailbox" tabindex="303" title="首長信箱"><img border="0" alt="首長信箱" src="upload/webstyle_2/bottom_05.jpg"></a></td>
<td valign="top" align="left"><a href="index.php?code=list&flag=detail&ids=15&article_id=1883" tabindex="304" title="RSS訂閱說明"><img border="0" alt="RSS訂閱說明" src="upload/webstyle_2/bottom_06.jpg"></a></td>
<td valign="top" align="left"><img border="0" alt="*" src="upload/webstyle_2/bottom_07.jpg"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="PADDING-BOTTOM: 5px; PADDING-TOP: 5px" valign="top" background="upload/webstyle_2/bottom_10.jpg" align="left">
<table border="0" cellspacing="0" cellpadding="0" width="100%" summary="*">
<tbody>
<tr>
<td style="PADDING-LEFT: 30px" valign="middle" width="1%" align="left">
<a title="無障礙網站(另開新視窗)" target="_blank" href="http://www.handicap-free.nat.gov.tw/Applications/Detail?category=20170214175126" tabindex="305">
<img border="0" alt="通過A+等級無障礙網頁檢測(另開新視窗)" width="88" height="31" src="upload/webstyle_2/bottom_08.jpg">
</a>
</td>
<td style="PADDING-LEFT: 10px" class="bottom" valign="middle" align="left">地址:10048- 臺北市中正區中山南路21號 電話:02-2343-1100<br>
建議使用Microsoft Internet Explorer 8.0 以上的版本 螢幕解析度1024*768 Copyright © 國立中正紀念堂管理處 All Rights Reserved.</td>
<td style="PADDING-RIGHT: 30px" valign="middle" width="1%" align="left"><a target="_blank" href="http://www.gov.tw" tabindex="306" title="我的E政府(另開新視窗)"><img border="0" alt="我的E政府(另開新視窗)" src="upload/webstyle_2/bottom_09.jpg"></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table></td>
</tr>
建議修改:
刪除上述所提及之原始碼(即頁面下方整個段落)。
補充: 修改後的版面如下
問題:
可能原因:
嵌入的網址頁面不存在。
原始程式:
<td valign="middle" width="94%" align="left"><strong><a href="http://www.cksmh.gov.tw//index.php?code=list&flag=detail&ids=47&article_id=13311" title="本處「假日表演藝術─藝起來中正」演出申請簡章(106.4.19核定)" alt="本處「假日表演藝術─藝起來中正」演出申請簡章(106.4.19核定)" tabindex="102">本處「假日表演藝術─藝起來中正」演出申請簡章(106.4.19核定)</a></strong></td>
建議修改:
<td valign="middle" width="94%" align="left"><strong><a href="_此處加上有效之網址_" title="本處「假日表演藝術─藝起來中正」演出申請簡章(106.4.19核定)" alt="本處「假日表演藝術─藝起來中正」演出申請簡章(106.4.19核定)" tabindex="102">本處「假日表演藝術─藝起來中正」演出申請簡章(106.4.19核定)</a></strong></td>
問題:
可能原因:
JavaScript判斷式寫錯
原始程式:
$('.history_pic').each(function(){
if($(this).css('background-image') == 'url("'+location.href+'")' || $(this).css('background-image') == 'url()' || $(this).css('background-image') == 'none'){
$(this).closest('.img-div').remove();
}
});
建議修改:
$('.history_pic').each(function(){
if($(this).css('background-image') == 'url("'+location.href+'")' || $(this).css('background-image') == 'url()' || $(this).css('background-image') == 'none' || $(this).css('background-image') == 'url('+location.href+')'){
$(this).closest('.img-div').remove();
}
});
補充:
$(this).css(‘background-image’) 沒有如願輸出
url("https://www.cksmh.gov.tw/index.php?act=history_record")
,
實際上在 safari 上輸出
url(https://www.cksmh.gov.tw/index.php?act=history_record)