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对齐问题

回答

相关问题