Question

作为一名客户服务人员，对基本html的访问权限有限，我被分配了一个超出我的技能的任务，在制作一个体面的精彩项目页面后，经过一系列的搜索，我不知何故让事情有效，好吧，在firefox，当我在Chrome和＆amp ;;中加载相同的内容时IE，我发现了不同的问题，尽我所能，我不知道导致问题的原因......

您可能首先希望看一下firefox版本，因为它完全按照我的要求显示：
http://jsfiddle.net/kitchellw/TR6v5
（我不知道为什么第一行不适用CSS ...）

在IE中，圆角消失了，我不会太担心......但是

填充消失了......
下桌看起来像一团糟
我找到了解决图像边框的方法，只是border = 0

在chrome中，

虽然上半部分看起来不错，但下表中的内容似乎“向右移”了几个像素而不再是中心

下面是问题表的确切代码：

<table class=highlightitem>
<tr>
<td height="200" valign="top" >
<center>
<a href="http://www.digitalbuydirect.com/index.php?route=product/category&keyword=DSC-TX30" target="blank">
<img width=234 src="http://www.digitalbuydirect.com/edm/eDM20130516/TX30.png" /></a>
</center>
</td>
</tr>
<tr>
<td height="200" valign="top" >
<font class=product><B>some text</b></font><br><br>
<font class=content>some text</font><br>
<br>
<font class=pricehighlight><B>price</font><BR>
<font class=content><s>other price</s></font>
</td>
</tr>
<tr>
<td align="right" height="50" valign="bottom" >
<a href="http://www.digitalbuydirect.com/index.php?route=product/category&keyword=DSC-TX30" target="blank"><img src="http://www.digitalbuydirect.com/edm/achieve/shopnow_35.png" /> </a></td>
</tr>
</table>

最后，我知道我的代码很复杂，通过使用多表控制垂直位置，CSS是我的朋友，但是我无法通过可点击的方式获得右下角的'shop now'图标站url附上它，我发现一个带有显示块的CSS背景图像可能有效，但是显示块仍然至少要求1个字符，这是我在图像上买不起的。任何暗示或方向都将受到赞赏。

Answer 1

首先，您应该清理已弃用的代码。

到目前为止，我所看到的已被弃用或不再支持的内容如下：

<center> - 使用CSS text-align:center; reference

<font> - 使用其他元素，例如<p>和CSS text styling

<td align="right"> - 使用CSS float:right; reference

<td valign="top"> - 使用CSS vertical-align:top; reference

至于您的IE填充问题，请查看this question。我不确定这是否适用，因为你没有在问题中包含你的CSS，所以我不知道你是如何实现你已经拥有的填充。

至于居中，使用margin:0 auto;将适用于静态定位的元素。对于绝对或固定位置元素，我执行此操作：#elementID{width:800px[specify width]; left:-400px[negative half of the width]; margin-left:50%;}

中心物业似乎“转移”和表错位置

1 个答案: