position:fixed問題
By admin | 1月 11, 2010
<!– #include virtual=”inc/abc.asp” –><!– #include virtual=”inc/class.asp”–><!– #include virtual=”anotherclass.asp”–><!– test –><!– #include virtual=”inc/header.asp”–><!– test –>
如上所示, <!– test –> 會造成問題, 我就被這個問題搞的我兩天沒睡, 最後終於被我DEBUG出來! = =+
從此以後我一定會記得,不要在檔頭插入任何的註解….
Topics: CSS | No Comments »
IE-only CSS 設計法
By admin | 1月 11, 2010
很多時候由於瀏覽器版本的問題而造成諸多不便,如果我們要針對不同的瀏覽器做CSS設計,可以用以下的方法:
只針對 IE 系列的瀏覽器
<!--[if IE]> ...其他程式碼... <![endif]-->
只針對非 IE 系列的瀏覽器
<!--[if !IE]> ...其他程式碼... <![endif]-->
只針對 IE-7 的瀏覽器
<!--[if IE 7]> ...其他程式碼... <![endif]-->
只針對 IE-6 的瀏覽器
<!--[if IE 6]> ...其他程式碼... <![endif]-->
只針對 IE-5 的瀏覽器
<!--[if IE 5]> ...其他程式碼... <![endif]-->
只針對 IE-5.5 的瀏覽器
<!--[if IE 5.5000]> ...其他程式碼... <![endif]-->
只針對 IE-6 以下的瀏覽器
<!!--[if lt IE 7]> ...其他程式碼... <!![endif]-->
若是要在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/
Topics: CSS, 網頁結構, 格式相關語言 | No Comments »
瀏覽器的噩夢
By admin | 1月 10, 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 |
瀏覽器的噩夢已經成為生活中的家常便飯了,
因為你不可能去強迫所有使用者都按照你的規則去走,
只能你去配合使用者, 而不是使用者配合你.
所以, 各位網站工程師就認命吧~
Topics: 設計心得 | No Comments »
造成網頁讀取速度慢的原因:
By admin | 1月 9, 2010
1. 頻寬出現不足的情況
2. 主機資源不足
3. 程式碼陷在LOOP中
4. 資料庫連接, 並行連接數開啟
Topics: 未分類 | No Comments »
ASP PHP 對照表
By admin | 1月 9, 2010
若經常使用其中一種程式語言而不熟悉另一種, 可以參考看看這個網頁, 整理得相當不錯, 學習曲線可以降的非常低.
PHP ASP REFERENCE
Topics: 未分類 | No Comments »
相容於IE6, IE7 及其他瀏覽器的CSS註解
By admin | 1月 7, 2010
相容於IE6, IE7 及其他瀏覽器的CSS註解
#wrapper
{
color: #999; /* 所有瀏覽器適用*/
*color: #999; /* IE 7 */
_color: #999; /* IE 6 */
}
Topics: CSS | No Comments »
CSS 置底浮動footer
By admin | 1月 2, 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);
}
Topics: CSS | No Comments »
台灣大學安全憑證安裝說明 (for Windows 7, IE)
By admin | 12月 15, 2009
| 台灣大學安全憑證安裝說明 (for Windows 7)
1. 請先取得 |
| 2. 出現「檔案下載」視窗後,請選擇「開啟舊檔」
|
| 3. 出現「Internet Explorer安全性」視窗後,請選擇「允許」
|
| 4. 出現「憑證」視窗後,請選擇「安裝憑證」
|
| 5. 出現「憑證匯入精靈」視窗後,請選擇「下一步」
|
| 6. 請選擇【將所有憑證放入以下的存放區】。之後請選擇【瀏覽】。
|
| 7. 請選擇【信任的根憑證授權】。
之後請選擇【確定】。 |
8. 做完上述動作之後,憑證存放區會顯示【信任的根憑證授權】。之後請選擇【下一步】。![]() |
9. 請選擇【完成】。![]() |
10. 請選擇【是】。![]() |
11 請選擇【確定】即可完成匯入憑證。![]() |
Topics: Microsoft軟體 | No Comments »
DropBox: 同步化您不同主機上的資料最佳解決方案
By admin | 12月 3, 2009
特性:
網路硬碟(Web Disk) 至少2G
同步化(Synchronization)
備份(Backup)
檔案分享(private sharing)
公用檔案(public sharing)
對一些習慣同時使用不同電腦的人來說,
Synchronization (同步化) 變的非常重要~
因為你可能會在不同的電腦需要到相同的檔案,
而且你也會擔心檔案之間不同版本的問題,
也擔心會覆蓋到不該覆蓋的檔案,
直到未來要用到的時候才懊悔不已.
這時所謂雲端運算的功能就可以發揮了淋漓盡致了~
只要將你經常使用的檔案放到遠端的的主機上,
由這台機器為您在不同的主機上進行同步化,
讓你在任何有網路的地方都可以使用到相同的檔案,
可以說是替我解決了不少麻煩,
再也不用重複的將隨身碟插入拔除多次~
(當然若到了沒有網路的地方, 隨身碟還是具有它的快速存取得價值)
DropBox就是一個提供你如此好康的應用程式,
他支援多種作業系統, 至今我已經測試過Win7, Vista, XP, Winserv2008
都沒有相容性的問題.
除了支援同步化功能外, dropbox也具備了Sharing的功能,
讓你與朋友或同事可以同時分享同一個檔案,
再也不必使用MSN或FTP傳來傳去了~
很方便吧~ 目前免費的版本支援到2G,
若您將程式分享給其他人還有額外的BONUS增大您的容量(最大到3G)
心動了嗎?現在就開始使用吧~
申請網址:
按此申請: DROPBOX
Topics: 好站推薦 Links | No Comments »
XBOX NATAL 勢必帶來電玩遊戲的新革命
By admin | 11月 16, 2009
不需要遙控器的電玩遊戲, 現在也可以搬到你家玩了!
您的全身彷彿就身處遊戲中, 用手拍, 用腳踢, 就連武打遊戲也可以真槍實彈!
微軟推出的XBOX NATAL未來在市場上想必會帶來一陣新旋風,
未推出市場已經有很多玩家迫不及待想體驗看看了~
PROJECT NATAL 官方網站: http://www.xbox.com/en-US/live/projectnatal/
Topics: Microsoft軟體 | No Comments »












