FireFox 和 Google Chrome 中的 div 对齐问题答案

【问题标题】：Div alignment Issue in FireFox and Google ChromeFireFox 和 Google Chrome 中的 div 对齐问题
【发布时间】：2012-01-18 06:35:43
【问题描述】：

我在我的网站中使用Div 来显示一些链接。它在 IE 中运行良好，但是当我在 firefox 和 google chrome 中扩展 div 时，它变得很奇怪。

谁能帮我弄清楚。我用谷歌搜索了它，但我没有找到任何有用的解决方案。

<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 中打开它并单击链接 “校园”下的“教职员工”。

【问题讨论】：

您的A 标签没有关闭——也许只是复制和粘贴错误？打开tr 标签也丢失了。
是的，它的复制粘贴错误，但在代码中它是正确的。
你能在 jsfiddle 上做一个工作示例吗？
我不明白你的意思，请你澄清一下

标签： asp.net html cross-browser

【解决方案1】：

我浏览过你的网站：

我看到您正在使用下面的双倍时间。仅插入此行一次。如果您尝试覆盖某些类，请指定不同的 css 文件名。

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

要解决您的问题：

目前点击“Faculty, Events & Campus”，你正在做style="display:inline"。而不是这样做，您可以删除样式属性本身。

例子：

点击时： 删除 id="e4" 或 id="e5" 或 id 的样式属性 style="display:none" ="e7"

重置（即在下次点击时）：为 id="e4" 或 id="e5"style="display:none" /strong> 或 id="e7"

【讨论】：

我按照您的说明进行了更改，效果很好，但在单击之前已经展开。鼠标点击后再次wiered。你能检查我是否已经上传了更改。它在IE中也有效果。 div 已展开，它的行为不应如此。
@khan：您似乎正在删除 e4 onload 本身的样式属性。默认情况下，将其 e4 设为 style="display:none;"，当用户单击时，您只需删除样式属性，如果用户再次单击“Faculty” " 那么您需要为 e4 添加样式属性为 style="display:none;"
这个代码请告诉我在哪里设置样式属性。我在 javascript 中删除了 id e4、e5 或 e7 的 style=display:inline -
师资力量员工

问题已解决。我使用的是 style="Display:inline" 但现在通过删除 inline style="display:''" 它现在可以正常工作了。

- 总部

【解决方案2】：

有一个空白<td></td> 删除它并将colspan="2" 给下一个td 元素

【讨论】：