摆脱网页上不受欢迎的布局元素

Question

这是什么？

我该怎样摆脱它？ Actual webpage here

Answer 1

从min-width: 640px css类

中删除.singleinfo

Answer 2

singleinfo类的最小宽度设置为640px，而backgroundimage的宽度仅为630px。您可以在后台设置不重复或将min-width更改为630px。

Answer 3

这是div.singleinfo重复的背景。要删除它，请将no-repeat添加到background属性，使其变为：

background: #F7F7F7 url(images/macmet.jpg) bottom left no-repeat;

Answer 4

除了默认为重复背景外，您还要将背景颜色设置为与页面的其余部分不一致。

.singleinfo { background: #F4F4F4 url(images/macmet.jpg) bottom left no-repeat; }

在Windows上的Chrome 11中正确显示。

Answer 5

更改 style.css 以获取此信息：

.singleinfo {
    background: url("images/macmet.jpg") no-repeat scroll left bottom #F4F4F4;
    font: 12px Georgia,Arial,century gothic,verdana,sans-serif;
    margin: 0;
    max-height: 20px;
    min-width: 640px;
    padding: 5px 0 15px;
}

此修补程序已经过测试，可以正常运行：

• Mozilla Firefox 4 .0.1
• Internet Explorer 9 .0.8112.16421
• Opera 11.10 .2092
• Google Chrome 11 .0.696.60

Answer 6

将班级background的{​​{1}}属性更改为＆gt;

.singleinfo