FireFox和Google Chrome中的Div對齊問題

我在我的網站中使用Div來顯示一些鏈接。它在IE中正常工作，但是當我在Firefox和谷歌瀏覽器中展開div時，它變得很奇怪。FireFox和Google Chrome中的Div對齊問題

任何人都可以幫我弄清楚。我用Google搜索了它，但我沒有任何有用的解決方案。

<td vAlign="top" align="center"><font>-</font></td> 
<td align="left" > 
<div align="left" style="margin:0 auto; padding:0; display:block;clear:both; position:relative;"> 
    <A class="inkblue" href="javascript:expand(4);">Faculty &amp; Staff</A 
</div> 
</td> 
<td></td> 
</tr> 
<tr id="e4" style="DISPLAY: none"> 
<td></td>

這是該部分的代碼。如果有任何要求，請告訴我。

This is the link to site。用firefox或chrome打開它，然後點擊「校園」下的鏈接「Faculty & Staff」。

來源

2011-12-12 luqmankhan

你'A'標籤不打烊 - 也許它只是複製和粘貼錯誤？打開'tr'標籤也丟失了。 – home

是它的複製粘貼錯誤，但在代碼中是正確的。 – luqmankhan

你可以在jsfiddle上做一個工作示例嗎？ – Grrbrr404

我已經通過您的網站了：

我看到你正在使用低於行雙倍時間。只插入一行這一行。如果您嘗試覆蓋一些類，然後指定不同的CSS文件名。

<link rel="stylesheet" type="text/css" href="css/nuonline.css">

爲了解決您的問題：

目前關於「學院，活動 & 校園」的點擊，你正在做style="display:inline"。而不是這樣做，你可以刪除樣式屬性本身。

例子：

點擊時：爲ID刪除樣式屬性style="display:none" = 「E4」或ID = 「E5」或ID = 「E7」

要重置（即下次點擊）：將樣式屬性添加爲style="display:none"對於id =「e4」或id =「e5」或ID =「E7」

來源

2011-12-12 08:50:23

我根據你的指示作出了改變它適用於罰款，但它已被點擊之前已擴大。鼠標點擊後，再次打開。你可以檢查我已經上傳的變化。它在IE中也有效果。 Div擴展它不應該表現得那樣。 – luqmankhan

@khan：看來你正在刪除** e4 ** onload本身的樣式屬性。默認情況下，將** e4 **設置爲** style =「display：none;」**，當用戶單擊時只需要刪除樣式屬性，並且如果用戶再次單擊「Faculty」，則需要添加樣式屬性爲** style =「display：none;」**爲** e4 ** –

這段代碼請告訴我在哪裏設置style屬性。我有除去樣式=顯示：內聯以JavaScript爲ID E4，E5或E7 -

Faculty & Staff

<表CELLSPACING = 「0」 CELLPADDING = 「0」> -Headquarter – luqmankhan

有一個空白<td></td>刪除它，並給colspan="2"下一td元素

來源

2011-12-12 12:00:44

我按照你的指示做了，但沒有奏效。 – luqmankhan

FireFox和Google Chrome中的Div對齊問題

回答

相關問題