Internet Explorer中的扭曲页面在Chrome中非常完美

时间:2010-12-01 18:18:59

标签: html cross-browser

我的网站位于http://maxflix.com/

该网站在Chrome和IE浏览器中的表现在某种程度上是完美的,但在IE浏览器中,很少有页面被扭曲(请测试“登录”和“我的帐户”页面)。

我遇到了这个问题,无法找到解决方案。

有人能帮助我吗?我真的很感激。

更新:

链接:

  1. Chrome完美 http://i53.tinypic.com/r8cahi.png

  2. IE(正确页面) http://i51.tinypic.com/kd0bgi.png

  3. IE(错误页面) http://i51.tinypic.com/kd0bgi.png

4 个答案:

答案 0 :(得分:1)

验证您的html和css是否有需要修复的错误列表。但是,IE不是一个现代浏览器,我们都很难让它像其他浏览器一样工作。

答案 1 :(得分:0)

无论如何,我通过更改PHP代码来解决问题:

<td>
<?php
if (tep_session_is_registered('customer_id'))
{
?>
<a href="shopping_cart.php"><div width="97" height="81" src="images_3/HEADER_TOP_15_02.gif"></div></a>
<?php    
}
else 
{
?>
<a href="create_account.php"><img width="97" height="81" src="images_3/HEADER_TOP_15.gif"></div></a>
<?php
}
?>
</td>

为:

<?php
if (tep_session_is_registered('customer_id'))
{
?>
<td width="97" height="81" background="images_3/HEADER_TOP_15_02.gif">
<a href="shopping_cart.php"><div width="97" height="81" style="width: 97px; height: 81px; cursor: pointer;"></div></a>
</td>
<?php    
}
else 
{
?>
<td width="97" height="81" background="images_3/HEADER_TOP_15.gif">
<a href="create_account.php"><div width="97" height="81" style="width: 97px; height: 81px; cursor: pointer;"></div></a>
</td>
<?php
}
?>

干杯!

答案 2 :(得分:0)

如果您使用具有透明度的PNG图像,则可能会出现此问题。 Internet Explorer不支持.png图像的透明度

答案 3 :(得分:-1)

从reset.css样式表开始。这可能是由于IE内置的边距和填充格式。

http://developer.yahoo.com/yui/3/cssreset/