[教學]解決mozilla與ie與Netscape的input大小

[Artemas]

剛剛貼的想乾脆在完整寫些龜毛人必讀密技
當設計網頁遇到mozilla與ie與Netscape這三種主流瀏覽器中
input各項功能欄位或按鈕長度經常是很令人頭痛
尤其是Netscape完全不認css於input中\r

先貼剛剛的回覆文章：
pt跟px是不同的
px比較適合英文在文字高度上的些微調整
中文字體比較適合用pt
而且作少不能低於8pt (只限IE還能看的清楚)
不過最保險的的還是9pt

我的經驗是用中文都用奇數來設定最美觀
9pt.11pt.13pt.....以此類推

請先把css中.所有px改成pt
所有的11與12px一律改成9pt

另外一項技巧..你們可以看到例如竹貓中的任何button.就是預覽或送出按鈕
中文字都會頂到上頭去

在ccs中找到任何的 input.xxxx
都安插一段 line-height:11pt;
就會比較好的效果唷\r

其次當我們設計 input type=text 時候，一般長度都是用size=
偏偏相同語法三種瀏覽器長度定義都不同，真會搞死人。
mozilla與ie可以接受安插進去<input style="width:數字"
這樣mozilla與ie長度就完全相同了
但Netscape就得犧牲了，不過還是有解決辦法
您必須先建立一個<TABLE>
把各項<input 的欄位先放進去<TD>當中
你先設好<TD width=長度多少>這個長度就是你希望<input 的最大長度
然後<input 當中並用包含二個長度值 style="width:數字" 與size=數字>
先用Netscape瀏覽器去看並設定size=數字，為剛好不會超過<TD的長度
然後將style="width:設為100%"
這樣三個瀏覽器幾乎就是一模一長了
因為Netscape會去忽略width:100%，而只認size=長度
而mozilla與ie會忽略size=長度，並且把長度以100%填滿TD的左右二邊
TD就是你先前設好的長度了，注意喔size=長度..在Netscape的TD中\r
若長度大於TD則會以size=長度為主，TD就被迫超出範圍了。

另外Netscape中的input 也是可以置入class=
不過只會對文字大小有反應，其他都無效。