ASP.NET 2.0 － Give me table border back!!

Someone asked me about why tables in his pages will have no border just after upgrading from .NET 1.1 to .NET 2.0 without any code changing.
It was easy (relatively) to find the root cause, but it took me some time to find a simplest solution for him.

Problem description:
WebControls DataGrid & Table will render without border even it is set in gridline/border property in the code.

Analysis:
After comparing the output HTML of .NET 1.1 & .NET 2.0, both will have a HTML table with correct border settings in HTML attribute Style:
style="border-color:#000000; "
But there is another HTML attribute named bordercolor set with right color as value in .NET 1.1:
bordercolor="#000000"
Therefore, the root cause is that there is no such attribute "bordercolor" in element “Table” according to HTML 4.01 speciation. Attribute “bordercolor” is one of the IE-ONLY attributes (from IE 3+), but IE6 does not recoginize CSS border-color. Thus, .NET 2.0 renders correct output HTML, but just IE6 displays it incorrectly. We may test this attribute in browsers other than IE (such as Amaya, a W3C developed browser) and would find that it does NOT always work (In later versions of Firefox, we might see 'bordercolor' attribute affecting border color correctly, but it is obvious a toleration for many invalid Web pages in the Internet owing to popularity of IE.). So it becomes just a compatibilty issue for IE6 (and its predecessors) in .NET 2.0. I think Mircrosoft takes the compatiblity (cross platforms and browsers) and standard consideration more seriously, as we can see in .NET 2.0 and IE7/IE8. MS will develop their products to follow standard (like W3C recommendations), or to make their specification into standard (eg. word-warp in CSS 3).

Solutions

  1. One way to "compatiable" with IE 6 is to added “bordercolor” into key-value sets of attributes manually.
  2. The ohter is to add a compatibility settings in “Web.config” for .NET Framework 2.0 (Note: this setting does NOT exist in .NET 1.1, i.e. it will rise compiler error in Web site). 
 <xhtmlConformance mode="Legacy" />

留言

張貼留言

這個網誌中的熱門文章

Excel技巧(1)：檔案肥大的原因，附上減肥撇步

圖片
應該遇過：明明 Excel 沒存很多資料，可是檔案卻異常的龐大。甚至存檔會鈍鈍的。有時候這只是因為 Excel 檔案 " 虛胖 " 喔 !! 經驗來說，可能是以下幾種原因造成的，提供一些簡單的解決方式供參考。 1. 工作表有異常多的空白行或列。 怎麼判斷檔案有這種狀況呢？只要觀察檔案橫向 ( 水平 ) 與縱向 ( 垂直 ) 的滾軸 (scroll bar) ，當你認為你當下選取的位置已經是資料的尾端，然而滾軸卻看起來往下 ( 或往右 ) 還未到底，而且差很遠，請檢查你認為的資料尾端到把滾軸拉到底部中間，是否真的沒有資料 ( 這裡是在檢查你是否有漏看 ) 。大多數的情況你其實都可以很快地判定出來，沒有的情況就表示 Excel 工作表存在了沒有用到的行或列，而且多半數量非常的多。 造成這樣的原因，應該是 Excel 認為中間這一大段範圍中，存在過資料、或以為會有資料，因此 Excel 已經把空間空出來，然而之後卻沒正常地判斷出那些空間是不再需要了。 簡單的作法就是手動地執行刪除，大多數的情況是可以解決這問題，少數情況在舊版的 Excel 必須依靠微軟曾推出的 1 個增益集來用巨集的方式刪除，只是這增益集並沒有再繼續更新，無法直接在新版 Excel 套用。 手動刪除的步驟可參考如下：在認為資料的最後 1 列 ( 行 ) 之後，選取下 1 個空白列 ( 行 ) ，然後按著 Ctrl + Shift + 方向鍵下 ( 行的話則改方向鍵右 ) ，這時候你會看到跳到 Excel 檔案上限的最尾端，中間都被選取。這時候只要按右鍵功能表，選擇 " 刪除 " 。檔案存檔關閉後，重新打開即應可按到 scroll bar 回復正常。 2. 檔案中有使用大量引用其他檔案的公式 引用其他檔案的公式，指的是像使用 VLOOKUP 去另一個檔案 "V" 資料回來。 Excel 的儲存格存公式會比存值多佔一些空間，但如果公式的內容是其他檔案的時候，所佔的空間會來得更大上許多。在工作中應該最常發生去 VLOOKUP 一個從郵件打開的 Excel 檔，這個資料所在的 Excel 檔其實也只存在本機的暫存目錄，不可能可以更新這公式，好的工作習慣是 VLOOKUP 完之後，把結果再貼成值。只是實務面常會有
...more... »

Excel技巧(2)：拜託殺了那些看不見的空白吧！

看過儲存格內怎麼看明明都是數字沒錯，可是卻怎麼樣都沒有辦法用它來做任何運算吧? 就算使用很基本的公式(TRIM)、或者資料剖析的方式，始終沒有辦法有效的改正。 其實原因大多都是你的資料很有可能是從網頁上的表格複製下來，或者檔案根本就是網頁格式(Excel很聰明可以自動開啟，只是有些地方沒有處理)。 如何診斷 ： 使用公式 =LEN(儲存格) 來判斷，如果你眼睛明明看到的就1個3位數的數字，理當用LEN來數把3位數字當成文字的長度，應該也是3，可是結果卻是3以上的數字。 肇因 ： 儲存格除了看到的數字之外，也存在了其他「不是用鍵盤上空白鍵輸入的空白」....很像在繞口令，但文字中其實有很多沒有顯示、或者顯示跟空白相同，但是他卻不等於空白。 舉例來說：換行符號、Tab鍵(一般人非常難再儲存格中輸入TAB)、或HTML的空白 。這些都是導致該儲存格被Excel判定是文字，可是我們卻沒有辦法用取代空白的方式改變。 解法 ； 如果只有幾筆資料的話，真的！自己另外在別格看著數字重新敲一次吧。這絕對是最有效率與簡單的方法(沒開玩笑，我真的是建議幾個數字而已，手敲吧~~) 用滑鼠或鍵盤點選編輯該儲存格，在數字的前後想辦法可否選取到那看不見的空白，想辦法複製1個，再用取代的功能，用Ctrl+V貼上那看不到的空白。(一般的HTML空白是可以這麼處裡的!) 使用巨集寫成Function 或者 Sub，然後用以下的程式碼處理它。我自己是把這個類似的功能寫成Sub，然後固定儲存在個人巨集，設定快速鍵來呼叫。(改天再來寫怎麼做出個人巨集 Sub Trim_Range(selRange As Range)     Dim i As Long, j As Long, cnt As Integer     cnt = 0     For i = 1 To selRange.Areas.Count         For j = 1 To selRange.Areas(i).Count             If IsEmpty(selRange.Areas(i).Item(j).Value) Then                 cnt = cnt + 1             Else                 If cnt >
...more... »

Excel版本與檔案格式

要談Excel之前，必須先談Office。近期(也快10年了?!)Office的分水嶺是 Office 2007，主要改變和差異如下： Office 97, 2000, 2003: 過去的版本，彼此間的相對差異不大，整體而言2003增加一些人性化的功能，只不過不是每個都成功、甚至導致問題。例如選單項目根據使用頻率顯示或隱藏(最後我都一律關掉這功能)，或者在Word中排版圖片或表格，使用Word 2003會讓我想砸電腦，永遠搞不定改回用Word 2000可以3秒搞定的排版。 Office 2007, 2010, 2013, 2016: 最顯著的差異在Ribbon介面，初接觸時非常令人卻步，但習慣反而覺得這樣群組選單是不錯的設計。其次是每個應用程式都使用新的檔案格式(規則是副檔名加上1個X，例如*.DOC換成*.DOCX、*.XLS換成*XLSX)。其他就是越新的版本越強化了視覺化和預先定義的功能(把預想的目的直接做成一個按鈕或設定)，以及與雲端網路的更深入整合。 而針對Excel，環境許可的話，請不要再用Excel 2003以前的舊版本，很多小地方是可以大幅簡化和加快使用的作業。只不過我建議會不要使用Excel 2007，其他任何版本都沒太大差異。在過去的經驗上，這個版本蠻常導致檔案最後無法存檔、或無法正常開啟(升級到Office 2007 SP1僅些微改變)。 在我的介紹中，會避開著墨哪個版本開始導入的，這些都可以在微軟的線上說明找到答案，也可以參考Wikipedia的比較「 Microsoft Excel 」條目。 接下來討論Excel新舊格式的差異，主要可用這個屬性在表格中解釋。 --> 舊格式 新格式 *.XLS *.XLSX *.XLSM *.XLSB 官方名稱 Excel 97-2003活頁簿 Excel 活頁簿 Excel 啟用巨集的活頁簿 Excel 二進位活頁簿 工作表允許最大列數 65,536列 1,048,756列 工作表允許最大欄數 256欄 16,384欄 允許檔案內儲存巨集 Yes No Yes Yes 用Excel 2003開啟 完整讀取 & 修改 僅可讀取無法更新存檔 用Excel 2007以後開啟 「相容模式」開啟 & 修改 完整讀取 & 修改 檔案格式(概念)
...more... »