Archive for 1月, 2010
position:fixed問題
星期一, 1月 11th, 2010<!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”>
以上標籤會影響IE8的一些HTML性質,
如CSS中的 position:fixed;
若沒有插入上述的標籤則會造成IE無法使用position:fixed;
但這個性質在FireFox是沒有影響的.
注意:
不能在header上方插入任何的註解, 否則就會完全不能使用.
<!– #include virtual=”inc/IZClsPage.asp” –>
<!– #include virtual=”inc/pageclass.asp”–>
<!– #include virtual=”webclass.asp”–>
<!– test –>
<!– #include virtual=”inc/headerv6.asp”–>
<!– test –
如上所示, <!– test –> 會造成問題, 我就被這個問題搞的我兩天沒睡, 最後終於被我DEBUG出來! = =+
從此以後我一定會記得,不要在檔頭插入任何的註解….
IE-only CSS 設計法
星期一, 1月 11th, 2010很多時候由於瀏覽器版本的問題而造成諸多不便,如果我們要針對不同的瀏覽器做CSS設計,可以用以下的方法:
只針對 IE 系列的瀏覽器
只針對非 IE 系列的瀏覽器
只針對 IE-7 的瀏覽器
只針對 IE-6 的瀏覽器
只針對 IE-5 的瀏覽器
只針對 IE-5.5 的瀏覽器
只針對 IE-6 以下的瀏覽器
若是要在CSS針對不同版本的IE做設計則方式如下:
只針對 IE-7:
html #div {
*height: 300px;
}
只針對 IE-6:
#div {
_height: 300px;
}
不要影響到 IE 6 以下的版本:
#div {
height/**/: 300px;
}
不要影響到 IE 6 以下的版本(方法二)
html > body #div {
height: 300px;
}
參考資料:
1. how-to-create-an-ie-only-stylesheet
2. ie-css-bugs-thatll-get-you-every-time/
瀏覽器的噩夢
星期日, 1月 10th, 2010雖然本人開發網站已經有相當多年的經驗,
但一般上普通的網站不會需要太過強調瀏覽器的版本,
頂多就IE跟FF相容即可,
但最近在開發案子卻是用戶量流量較大的, 就需要針對不同的瀏覽器去測試.
最可惡的就是IE6, PNG在底下都會顯示不正常, 沒有辦法做到透明的效果,
雖然已經有人寫了一些SCRIPT像是PNGFIX.JS之類的, 但好像會造成IE左下角出現BUG提示.
所以最後只能退而求其次, 把PNG都改成GIF, 也能達到透明的效果, 但解析度會降低就是了.
再來是CHROME, 某些頁面在float的情況下,CHROME會有偏移的問題,
所以我就加了
clear:both
在偏移的區域上方, 以解決TABLE偏移的問題.
可能因為我比較習慣用FF, 所以決的FF應該是相容程度最高的瀏覽器,
但大部分的使用者還是IE, 而IE又有IE6,IE7,IE8之分,
IE8應該算是相容性最好的瀏覽器了, 而IE7又有一些特別的問題.
如果要檢視IE7,可以在IE8點選”相容性檢視”則可以看看你的網站在IE7下是否有問題.
為了確保所有的瀏覽器都可以正常顯示, 最好的方法就是做一個表來審核問題:
IE8
IE7
IE6
FF
SAFARI
CHROME
/default.asp
O
O
O
O
O
O
/board/list.asp
O
O
O
O
O
O
/board/show.asp
O
O
O
O
O
O
/board/default.asp
O
O
O
O
O
O
/member/psnDefault.asp
O
O
O
O
O
O
工具列顯示
O
O
O
O
O
O
有無顯示JS錯誤(無)
O
O
O
google
ads
O
O
瀏覽器的噩夢已經成為生活中的家常便飯了,
因為你不可能去強迫所有使用者都按照你的規則去走,
只能你去配合使用者, 而不是使用者配合你.
所以, 各位網站工程師就認命吧~
造成網頁讀取速度慢的原因:
星期六, 1月 9th, 20101. 頻寬出現不足的情況
2. 主機資源不足
3. 程式碼陷在LOOP中
4. 資料庫連接, 並行連接數開啟
ASP PHP 對照表
星期六, 1月 9th, 2010若經常使用其中一種程式語言而不熟悉另一種, 可以參考看看這個網頁, 整理得相當不錯, 學習曲線可以降的非常低.
PHP ASP REFERENCE
相容於IE6, IE7 及其他瀏覽器的CSS註解
星期四, 1月 7th, 2010相容於IE6, IE7 及其他瀏覽器的CSS註解
#wrapper
{
color: #999; /* 所有瀏覽器適用*/
*color: #999; /* IE 7 */
_color: #999; /* IE 6 */
}
CSS 置底浮動footer
星期六, 1月 2nd, 2010#bottombar {
background-color: #efefec;
position: fixed; !important;
width: 100%;
bottom: 0;
z-index: 5;
height: 34px;
border: 1px solid #999999;
background-repeat:repeat-x;
color:#FFFFFF;
_position:absolute;
_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
}