CSS for FX, IE6, IE7

話說,自己學習 CSS 搞頁面。原本大都搞定,但在某天看到這一篇報導:

"【分享】盜版Windows也可升級微軟IE 7":http://www.gsg9.tw/showthread.php?t=380

為了推廣新版瀏覽器IE 7,微軟宣佈開放IE 7下載,而且不需經過Windows Genuine Advantage的正版視窗系統檢驗程序,也就是說盜版的用戶也可升級IE7。

哇哩咧...我在搞 CSS 時,只用 FX 和 IE6 來預覽,完全沒有理會 ie7 的存在。心想市場普遍不看好 IE7,多數用戶也無法升級(嘿~)。現在可好了,微軟大發慈悲讓所有 Windows 的使用者升級為 IE7,我不得不拿 IE7 來預覽我做的頁面。畢竟,我的專案還有一段時間才會上線,這段時間 IE7 必定會透過 Windows 的自動更新大肆攻佔使用者的電腦。

雖然,工程師跟我說 IE6 的問題很多,但我實在不想裝 IE7,況且我現在都用 FX 上網瀏覽,何必再去裝一個大而無當的瀏覽器?

上網搜尋了一下,發現有這麼一篇文章:

"IE6之下獨立安裝IE7":http://jas9.blogspot.com/2007/01/ie6ie7.html

照著步驟,我成功安裝了陽春版的 IE7。反正我也是要看頁面呈現而已,IE7 再怎麼強大,也不會比 FX 好用(我被洗腦了)。我開了 IE7 來瀏覽我的專案頁面,80% 的頁面還算正常,但是剩下 20% 的頁面慘不忍賭,心裡也直發毛...外行的我又要搞 CSS 了 =_=|||

一開始,邊改 CSS 邊用三種瀏覽器(FX, IE6, IE7)來預覽,修正一處是一處,但心裡總覺得很悶、很無奈。上網又找到這一篇文章:

"CSS 於IE6、IE7、Firefox間的兼容hack":http://blog.pixnet.net/ezcshi/post/13325989

於是大家還可以這樣來區分IE6,IE7,firefox:

FF → background:orange;
IE7→ *background:green;
IE6→ _background:blue;

註:不管是什麼方法,書寫的順序都是firefox的寫在前面,IE7的寫在中間,IE6的寫在最後面。

我照著這個奇技淫巧(hack)試了一下,靠~ 有用耶!於是把所有原本 for IE6 only 的 hack,都在上面多加一行 for IE7 only 的 hack,解決了絕大多數 IE7 會出搥的地方。

雖然,還是有一些地方,必須專門為了 IE7 做調整,但如果沒有上述的祕技,我想我可能會邊做邊哭,模樣很難看的。

邊做邊哭模擬照片

啊... IE8 別那麼快出來...

■ 延伸閱讀:

* IE 6、7共存:如果已升級為 IE7,也可以加 multiple-ie 這個軟體來緬懷 IE3~IE6。
* "CSS解決未知高度垂直居中的問題":http://220.135.241.51/blog/article.asp?id=1214 :vertical-align 並不能有效解決未知高度的垂直居中問題
* "Vertical Centering in CSS":http://www.jakpsatweb.cz/css/css-vertical-center-solution.html :讓文字/圖片垂直居中

小小柯碎碎唸 for 2008-02-18

  • 觀察篇 & 3 歲 2 個月達成! #
  • 不知道該說小小柯的觀察力很敏銳,還是他閒著沒事幹呢? #
  • 某天早上,我換了新牙刷在刷牙,邊刷邊看電視,我注意到小小柯猛盯著我看。他對我說... #
  • 「爸爸~ 你是不是換了新牙刷?之前是綠色,現在是藍色...」我壓根沒注意我之前用什麼顏色的牙刷 #
  • 某天,浴室的肥皂用完了,蔡頭換了新肥皂。上廁所尿尿的小小柯發現後,跑出來跟我說... #
  • 「爸爸~ 媽媽換了新香皂,原本小小的,現在變好大一個。」小小柯說得很正經,我則是三條線 #
  • 蔡頭的衞生棉用完換一包新的,也被小小柯發現,跑出去問媽媽說... #
  • 「媽媽~ 妳怎麼沒用綠色的那個,怎麼換成粉紅色的呢?」蔡頭無言,就是舊的用完了,然後換另外一個品牌... #
  • 蔡頭和我會拿發泡錠來泡水喝,蔡頭昨天泡維他命 C,今天泡綜合維他命,又被小小柯發現了,問... #
  • 「媽媽~ 妳為什麼昨天泡黃色的,今天泡紫色的呢?」靠~ 你也太閒了,怎麼連這個都在看? #
  • 由於小小柯的玩具箱爆滿,蔡頭將他不常玩的玩具收走,沒想到,又被小小柯發現了... #
  • 「媽媽,我的陸海空玩具呢?我好想它...」媽的咧~ 你根本沒在玩了 #

Powered by Twitter Tools.

[摘錄] 雅虎四大方向錯誤

"新浪 - 科技時代":http://blog.planism.com/wp-admin/post.php?action=edit&post=1508

定位之誤:盲目競爭丟失優勢

「盲目與谷歌競爭,卻丟失了自己的核心優勢」。中國互聯網資深分析師洪波對本報記者表示,這兩三年來,雅虎股東們看到了谷歌的崛起和成功,股東們的要求變了,他們希望把雅虎變為谷歌。於是,雅虎花巨資去收購搜索引擎公司,並在2004年2月中斷與谷歌尚未到期的合作,啟用自己的搜索引擎。

雅虎卻沒考慮到自己和谷歌在資源優勢上的差異。洪波認為,谷歌自身並沒有巨大的內容資源,也沒有那麼多用戶黏性很高的產品,它只能「借雞生蛋」,用別人的內容產生自己的收入。

而雅虎以其完整的產品線,讓自己充分保持著對用戶的吸引力,成為用戶群最大、逗留時間最長的網站之一。這和谷歌的定位完全不同,谷歌說自己「可能是世界上唯一一個努力讓其用戶盡快離開自己網站的公司」。

雅虎必須明白,它不是谷歌,也沒必要成為谷歌。它有大量谷歌不具備的資源和能力,然而,這麼多年來,它放任自己的大量珍貴資源貶值,卻拚命地往谷歌的地盤擠。其結果,西瓜沒拿到,連芝麻都丟了。

他認為正確的做法是:雅虎應該放棄搜索,並外包給谷歌,集中精力發展自己的優勢業務。但雅虎、微軟這些大公司都認為,搜索太重要了,是互聯網上的戰略資源。沒有自己的搜索,就會處處受制於人。問題在於,一個沒有用戶的搜索引擎,只是個金錢黑洞,根本談不上什麼戰略資源。

策略之誤:頻頻失手收購戰

互聯網資深分析人士呂偉鋼對本報記者表示,雅虎看不準未來方向,加上內部分歧大,導致公司策略搖擺不定,收購舉措雖多卻效果不大。

洪波認為,雅虎管理層仍對發展策略存在內部分歧,導致了雅虎在發展策略上出現了「花生醬」現象。即每一個業務領域都去投資,卻都沒有做好。雖然有一些成功的併購,但失誤更多。

決策之誤:反應慢缺乏創新

洪波認為,雅虎的根本問題是創新活力不足,因為是一家老牌公司,其組織架構、產品架構等對市場反應慢、決策慢、實施慢。雅虎不缺錢,不缺人,不缺賺錢的產品,欠缺的是創造未來的那股勁頭,是激動人心的創新。

「雅虎更多時候是一個追隨者。」呂偉鋼認為,互聯網作為一個高度變動的行業,絕不能以為一招領先就能一路領先,要持續不斷地創新、變化。由於方向錯誤,雅虎公司失去了對網絡發展方向的深入理解。

現在的網絡商機比以前更大了,但是那些商機仍需要先進的技術支撐,而雅虎公司在最近五年一直將重點放在傳統媒體技術上,相反在一些新興領域卻投入較少和缺乏創新,這可能跟前任CEO塞梅爾的媒體從業背景有關。

用人之誤:缺乏好的職業經理人

華爾街的一些分析師認為,前任CEO塞梅爾把雅虎變成了一個缺乏創新的官僚體系,沒有了技術創新的驅動力。楊致遠要想取得成功就必須富有侵略性,富有創新性,否則將很難扭轉頹勢。

雅虎的衰落也給中國互聯網一些啟示:每個公司都應找準自己的核心優勢,要專注和做得極致,而不要陷入別人的優勢中,淪落為別人的戰略追隨者。

『雅虎的根本問題是創新活力不足,因為是一家老牌公司,其組織架構、產品架構等對市場反應慢、決策慢、實施慢。雅虎不缺錢,不缺人,不缺賺錢的產品,欠缺的是創造未來的那股勁頭,是激動人心的創新。』

[摘錄] 站在公司的肩膀上

"王建碩":http://home.wangjianshuo.com/cn/20080213_cceeae.htm

在微軟和在Google的人,或許和在很多的成功的大公司裡的人一樣,都有種交織在一起的幸運感和失落感,至少我是有的。幸運你的是,這個環境是如此的完美,幹什麼都有很多的工具,很多的知識庫,還有很多團隊在支持者自己。其中分工是如此之細,每個分工上都有最專業的人用最高效的方式提供支持。

比如在微軟,最喜歡的一個內部網站就是http://toolkit,各種各樣的內部的小工具,全是微軟平台上的,工程師自己解決自己的問題寫的;如果要建個有新的郵件地址,隨便誰都可以馬上在autogroup裡面申請一個abc@microsoft.com這樣的郵件,三分鐘不要,就可以發佈到互聯網上去,接收郵件了;要解決問題,近百萬篇知識庫文章,找什麼有什麼的感覺;想學東西,內部的培訓資料好像比發佈出來的1000都多,看也看不完;就算找人,各種牛人一把一把的讓你問。總之,很多人都會覺得在這個公司做一個工程師真幸福。

但失落感也同時在於此。優秀的公司是個系統,在系統裡面,每個人都很偉大,離開了系統,離開了支持,自己頭上的光環就立刻消失,才發現幹什麼為什麼都這麼難,幹什麼都沒有現成東西支持著自己。所謂橘生淮南則為橘,橘生淮北而為枳。有自知之明的人應該知道,自己只是那一株橘子,而真正偉大的是土壤。

『橘生淮南則為橘,橘生淮北而為枳。有自知之明的人應該知道,自己只是那一株橘子,而真正偉大的是土壤。』

這個道理,離職前就已經知曉,但離職後感受更深。

[分享] 輸入法切換 Ctrl + Space 熱鍵還原

電腦輸入資料,當然就是英文和中文 (廢話),而我個人習慣用 Ctrl + Space 來切換英文/中文的輸入法。

某一天,好久沒聯絡的主管線上 Q 我,原來她換了新電腦,卻無法正常使用 Ctrl + Space 來切換英文/中文的輸入,進入輸入法的按鍵設定,怎麼樣就是無法設回「Ctrl + Space」,中間就是會卡著一個要命的「Shift」,真是 Shit!

input

瞭解她的狀況後,我也進入按鍵設定,試著更換看看,靠~ 我也換不回去了!我心想:「慘了...總不會因為這樣,要去重新安裝 Windows 吧?」內心暗幹了一聲,上網求助 Google 大神,找了數篇文章,最後終於找到解決方案:

"Ctrl+Space輸入法切換熱鍵還原":http://blog.hsdn.net/934.html @ 阿維雜記本

進入註冊表,修改以下值 HKEY_USERS\S-1-5-21-1715567821-1958367476-839522115-1003(這個值可能根據每台電腦都不一樣)\ControlPanel\InputMethod\HotKeys\00000010\KeyModifiers 修改成2C000000就可以了。

文章寫得有些進階,容我再解釋一下:

* 點選電腦左下方的「開始」鈕,在彈出的視窗中點選「執行(R)」,在開啟的欄位中輸入「regedit」,按下「確定」鈕。
* 然後照著上述找到對應的機碼,然後進行修改。修改後,儲存離開。
* 重新進入輸入法的按鍵設定,找到「中文(繁體字)輸入法-啟用/停用輸入法」,若還沒換成 Ctrl + Space,點兩下進入 & 再離開,再試著用 Ctrl + Space 切換看看,應該就恢復了(如果不行,請照著本說明再做一次)。

想說這個經驗,可以嘉惠他人,所以要將它寫下來。在準備動筆前,我忽然想到「這樣的狀況一定有不少人遇過,照理講知識+ 應該也會有人發問才對...」。

於是,我到Yahoo!奇摩首頁用知識搜尋,果真有許多網友在發問,而且第一筆所提供的最佳解答,反而比我之前在 Google 找到的方法還簡單!!!

"為什麼Ctrl+Space不能用~~要如何改回來~~":http://tw.knowledge.yahoo.com/question/?qid=1206062707366 @ 知識+

# 輸入法語言列右鍵 / 設定值 / 喜好設定-按鍵設定 / 中文(繁體字)輸入法-啟用/停用輸入法切換點2下 / 啟用按鍵組合取消打勾
# 回到文件→按ctrl+space(切換中英輸入法)
# 再回第1點的畫面,可發現「啟用按鍵組合」還是打勾狀態,且快速鍵也從ctrl+shift+space變回ctrl+space

我進行小補充:

# 「啟用按鍵組合」取消打勾:按下「確定」鈕後,按鍵組合變成「(無)」的狀態。
# 「回到文件」是指將輸入法設定都關閉,接著再按 ctrl + space 鍵,這時會發現可以正常進行英文/中文的輸入法切換。
# 就是變回預設值 (ctrl + space) 了!贊~

靠~ 在事發當時,我第一個念頭怎麼不是去知識+ 呢?

或許在我心目中,Google 的定位是專業、精深,而知識+ 的定位是生活大小事。所以,「輸入法切換不能用」這個問題,當下當然是找 Google。不過,就這一次的經驗,我不得不說聲:

Google 大神,知識+ 更神!