MozTW 討論區
https://forum.moztw.org/

mozilla的css相容性或是render的正確性真的比較好嗎？
https://forum.moztw.org/viewtopic.php?f=3&t=1080		 第 1 頁 (共 1 頁)
發表人:  knift [ 2003-06-06, 14:38 ]
文章主題 :  mozilla的css相容性或是render的正確性真的比較好嗎？
前一陣子在更新學校的首頁時，
就套用了一些css的樣式，
不過畫面居然是ie比較正確耶…那a按捺？
可不可以幫我看看是我的語法有問題，造成只有ie能吃，
還是真的mozilla畫的不正確？
www.clbps.ntct.edu.tw
除了上面的logo用的alpha濾鏡是ie專用的，
應該沒有ie特有格式了吧？？
左邊的選單mozilla和ie顯示的就不一樣了…
box算是ie專用格式嗎？ :?:
發表人:  piaip [ 2003-06-06, 16:10 ]
文章主題 : 
所謂正確是怎麼定義的？
如果你是以你用 IE 開發所期望的畫面為主，那當然你會覺得
IE 比較正確。
不知道你說的 box 是什麼，
不過你的 menu bar 是用 <span> 做的，
span 預設就不會超過內含的大小，所以理論上 Mozilla 的結果
並沒錯。 如果你希望看到一整條的 bar，應該用 <div>
或 CSS 的 display: block; 或設定 width/height。
發表人:  nakeho [ 2003-06-06, 16:11 ]
文章主題 : 
用 Frontpage 所做出來的網頁，Mozilla 無法正確顯示，一點也不稀奇啊.... :lol:
發表人:  knift [ 2003-06-07, 01:48 ]
文章主題 : 
謝謝大家的指教：
一、我左邊的選單有設定width/high耶…但是它就是對mozilla起不了作用，只有對IE有影響…這就是我所謂的box（dream weaver裡的用語吧… :oops: ）
二、我所用的軟體是dream weaver，如果裡面有front page的痕跡的話，因為這個網頁別人有改過，他可能是用fp…
三、我的menu bar只有少數幾個沒有連結的是用span，其他都是直接用<p></p>加上css來做選單內容，有span的是dw它內建自行設的，而後來都被我手動刪掉了…這樣子才能做出當hover到該block，雖不在文字上也能產生背景變色的效果（也是ie才能正常顯示），我想只有用ie和mozilla分別來開一次才能知道我在說什麼吧？！:cry:
因為我自己從0.X版起就一路都是用mozilla，所以我在製作網頁時就特別小心，儘量不用ie專用的語法或是java script，不然往往受害的都是我自己… :cry:
而我使用的軟體是dream weaver，而非fp也是為了少用ie專用的東西，只是很好奇我設了寬、高，為什麼ie可以正確的畫出來，而mozilla不行呢？
如果有興趣看網頁原始碼的人，可以看看下面就是我選單的設定，其中的width和high只對ie有效耶…
.item2 {
background-color: #66FF99;
vertical-align: bottom;
text-align: center;
border-right-width: thin;
border-bottom-width: thin;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #999999;
border-bottom-color: #999999;
margin: 1px;
padding: 1px;
height: 25px;
width: 145px;
border-top-color: #999999;
border-left-color: #999999;
border-top-width: thin;
border-left-width: thin;
}
發表人:  訪客 [ 2003-06-07, 01:53 ]
文章主題 : 
剛剛突然注意到，在mozilla下，連padding、margin都沒用耶，難怪width/high也無效…可以請問一下我在css語法中，有什麼地方錯了嗎？
發表人:  Impression [ 2003-06-07, 06:21 ]
文章主題 : 
其實Mozilla的顯示才是正確的.

因為<a href></a>會產生inline element, 在W3C的規定裡, inline element的大小是根據裡面文字長度來顯示的. 在CSS的文件裡明確的指出任何指定大小的屬性(width, height.. etc)都不適用於inline element, 瀏覽器應該忽略他們.

試試看把display: block;加到你的.item2裡吧, 這樣會強迫它變成block element, 那些指定大小的屬性就有用了..

PS. 每一個block element都是自己佔一行, 不管它的實際大小有多少
發表人:  knift [ 2003-06-07, 14:07 ]
文章主題 : 
謝謝i兄的回應，
我已經將網頁的css碼更改了，加入display:block這一項後，
就正常多了，
不過block的間距還是怪怪的，一看才發現dw將每一選項後都加了<br>，
將它們刪掉後就一切正常了，現在ie和mozilla顯示出來的畫面都一樣了！！ :D
不知道之前聽人家說ie的“容錯能力”比較好指的是不是這個 :oops:
編輯網頁還是用純文字來編比較好，它才不會亂加入一堆有沒的，
但是前題是對網頁w3c的概念要很清楚…不知道市面上有沒有這種書比較好的呢？
再次感謝！
發表人:  Impression [ 2003-06-07, 14:51 ]
文章主題 : 
嗯.. IE的容錯方面應該是指如果HTML沒寫好, 像是忘了結束標籤(有<table>但沒有</table>)這一類的他會自動猜看看要在那裡補上去.

編輯網頁用手寫是會比較乾淨, 不過一切都要自己來. 可以先試試用自己知道的方法來寫或是... 猜猜看.. 出了問題再去參考文件也不遲.
W3C CSS2 Specification
W3C CSS2 Property Index
都是好用的文件. 如果要找特定效果的東東, 像是font, width這些東西 CSS2 Property Index都可以很快地找到. 站長的首頁裡也有很多簡單好用的效果, 用View source 把他們通通抓回去吧.

如果有安裝Netscape/Mozilla的話, Netscape Devedge Sidebar 的Sidebar tab 蠻好用的, 查起資料來很方便. Netscape Devedge 這個網站裡也有很多說明文件, 還有跟IE的比較, 一些常見的IE/Netscape顯示不同的問題都有解答.

Mozilla Composer加上CaScadeS用起來也不錯, 可以試試看. 基本上用這個組合寫成的網頁都會符合W3C的標準. 不過有時候用手打反而會比這個快. 拿來當CSS效果測試倒是很方便.

書的方面... 不好意思, 這個小弟並不清楚
發表人:  piaip [ 2003-06-08, 01:34 ]
文章主題 : 
那些只有指令速查或是寫得很 IE 化的書就別提了，
真正寫得很好的 CSS 我覺得可以多看看 Eric Meyer
的作品，google 一下可以找到一些，又，他有一本給
已經對 CSS 略懂而想要進階的人的好書：
Eric Meyer on CSS，不便宜，不過我個人覺得寫得很好。
天瓏有賣... 不過要買前請先看看他自己寫的 誰該買此書
跟 誰不該買此書 再決定。 因為全彩印刷，貴了點。
發表人:  knift [ 2003-06-08, 22:07 ]
文章主題 : 
謝謝二位高人指點，
感激不盡！
網頁標準真的很重要…但是微軟太賤了…
所有的開放標準都想要染指
發表人:  m$ispoor [ 2003-06-09, 01:55 ]
文章主題 : 
每家公司都想主導標準
M$令人不快的地方不是想要主導標準
而是不遵守標準
而又由於佔有率的關係
導致人家必需去接受這些微軟獨家標準

我認為M$的東西並非都很爛 還是有很多的好東西
但怎麼樣讓其中一些獨家東西能變成放諸四海皆準的東西
是M$本身和身為使用者的我們要努力的
發表人:  訪客 [ 2003-06-09, 10:46 ]
文章主題 : 
微軟賤的地方不是自創新標準，
而是染指原有的標準…凸><
www原本就是要建立一個分散式、跨平台的多媒體文件，
結果呢？讓ms這樣搞下去還能夠跨平台多久？
愈來愈多人只會用frontpage來設計網頁，
愈來愈多的書只教你設計ie only的網頁…
我自己本身是用mozilla，所以做出的網頁一定要mozilla能正常才行，
但多數人都是ie能看就好了，甚至根本不知道還有mozilla、opera的存在，
ie根本就是瀏覽器的代名詞…
第 1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/