2010-09-08 80 views
0
var userRows = new Array(); 
function removeUser(user) { 
    userRow = $("#user-"+user); 
    userRows[user] = userRow.html(); 
    userRow.addClass("removed").html('<td>User removed</td>'); 
    // I would give the td above the correct colspan 

    // Now the user will be removed using AJAX 
} 

當運行上面的JavaScript/jQuery代碼時,在FireFox中,表格行會變得像2px左右那麼低。在所有其他瀏覽器中,這不會發生。我該如何解決這個問題?firefox中的TR高度變化

回答

1

我不認爲這歸結於JavaScript,而是瀏覽器的CSS和默認樣式。

您會發現每個瀏覽器都有一組默認的元素樣式,爲了計算這些元素,您應該使用重置表,例如YUI重置。

這會將大多數元素設置爲一個standered固定樣式,以便所有瀏覽器都跟隨您的工作表並覆蓋那裏的樣式。那麼你從那裏建立你的造型。

http://developer.yahoo.com/yui/reset/

它的你如何讓你的設計相同的,無論什麼樣的瀏覽器。

+0

對於CSS重置+1。 – 2010-09-08 15:02:43

+0

我實際上已經在使用CSS重置,但即使在使用上面給出的之後,它仍然傾向於發生。所以不幸的是,這不是解決方案。 – Jeremy 2010-09-08 18:14:58

+0

你在使用什麼CSS Resetter?確保以下元素被重置。'table,td,th,tr',還可以使用檢查器來查看waht css是否應用到元素,以確保firefox不會應用其css – RobertPitt 2010-09-08 19:52:18