動態生成的等寬菜單項和瀏覽器兼容

Question

我正在創建一個導航菜單，其中每個菜單項需要寬度相等，總寬度爲970px。項目數量將是動態的（有時是6,7或5）。我遇到的主要問題是，我目前做這件事的方法：

$(document).ready(function() { 
    // Navigation Tab Width Calculation 
    var nCnt = $("#nav > li").length; 
    var navConstraint = 970 - (nCnt - 1); 
    var nWidth = navConstraint/nCnt; 

    //// Sets Distributed Width of items 
    $("#nav > li > a").css({ "width": nWidth + "px" }); 

    //// Sets Width of ul in submenus 
    $("#nav ul").css({ "width": nWidth + "px" }); 

    //// Sets Width of li in submenus 
    $("#nav ul li").css({ "width": nWidth + "px" }); 

    //// Sets Width of a tags in submenus width an adjustment for padding 
    $("#nav ul li a").css({ "width": nWidth - 10 + "px" }); 

    /// Width Fixes for first and last nav elements 
    $("#nav > li:first").css({ "margin-left": "0px" }); 

    //// Fixes the last item to fit the stock image width, by browser if necessary 
    var lastOffset = 1; 

    $("#nav > li a:last").width(nWidth - lastOffset); 

    //// Adds Vertical Centering for Menu Items 
    $("#nav").children("li").each(function() { 
      var nh = ($(this).find("a").find(".navText").height()); 

      if (nh < 20) { 
        $(this).find(".navTextPadder").height(11); 
      } 
      else { 
        $(this).find(".navTextPadder").height(7); 
      } 

    }); 

我遇到的問題是，IE瀏覽器不處理寬度爲好，不知道如果他們不能處理小數寬度或者不是，但它比FF中的要短，確切地說是非常可怕的。有一個更好的方法嗎？

Answer 1

使用Math.floor或其他來循環你的數字。

另一種方法是使用一個很好的舊錶：你的代碼

<table width="100%"> 
    <tr> 
    <td>content</td> 
    <td>content</td> 
    <td>content</td> 
    </tr> 
</table>