position:fixed問題

By admin | 1月 11, 2010

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

以上標籤會影響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 –>

<!– #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

DropBox

特性:
網路硬碟(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 »