我网站上某些页面的右侧被切断了

时间:2014-05-06 21:25:03

标签: css

我们页面的右侧被切断....通常是因为如果产品的图像较大。

我有标有style="max-width:300px;"的每个父产品(较大的灰色框)的主图像,但页面仍然在较小的屏幕上被切断。疯狂的是灰色框内每个产品线的较小图像正在调整大小...

我已经在我们的网站上有这个问题已经有一段时间了,我认为我已经修好了它但它已经弹回来了,我似乎无法让它远离它。

以前的问题是浏览器特定的 - 现在我在Firefox,Chrome和IE上看到了它。客户也在Ipad上报告过它。如果屏幕很大,页面呈现正常。它也可以在我的Android平板电脑和手机上呈现。

我不确定它是由于图像,但这是我的第一个猜测。如果图像不存在或较小,则页面加载正常。

您可以在此处查看问题 http://theringlord.com/cart/shopdisplayproducts.asp?id=232&cat=Shield+Scale+Kits

这是一个带有模板和旧代码的开源购物车 - 代码是ASP。是的,我喜欢在这十年更新和使用更多的东西,但现在就是这样。

1 个答案:

答案 0 :(得分:1)

大多数内容都在一个带有类的div中。

layout.css的第226和52行使用overflow:hidden。

指定宽度为100%

内容包含无法无限压缩的表格,因为页面宽度减小,表格的宽度减少到不能再进一步减少的程度。该表的最小宽度约为1245px。随着浏览器尺寸减小到800px以上,1245px宽表现在比包含它的100%宽div(现在是800px宽)更宽。溢出:隐藏然后隐藏表中溢出div的部分。

要修复,要么让内容更加宽松,要么删除/调整 rel css