Question

我是初学者，我一直在努力让这个网站按照需要运作。感谢这个论坛上的建议，包括一个IE7特定的样式表，我几乎就在那里，但还有一些小问题。有些风格不起作用，我开始绝望了！我有三个问题，如果有人可以对这些问题有所了解，我会非常高兴！

在所有浏览器（两种样式表）中，右侧的'main p'文本填充仅出现在'studios.htm'和'contactus.htm'页面上 - 我不知道为什么并尝试过玩游戏所有风格都没有成功。
在'location.htm'页面上，我无法将页脚定位在Google地图“后面”，就像图片行位于其他页面上一样。我试过改变边距，填充和z-index，但似乎没有任何改变 - 我可以设法将页脚放在正确的位置，但谷歌地图保持“落后”它以便底部部分内容无法看到。
仅限IE7：CSS文本格式似乎根本不会改变字体大小。因此，文本太大，在页面'studios'和'thingstodo'上，这导致文本的最底部太低而隐藏在图像后面。如果文字是正确的

主要CSS：http://jsfiddle.net/ykbhd/ IE7特定的CSS：http://jsfiddle.net/bdwrY/

提前致谢！

Answer 1

1）这个看似正确的原因有时候只是文章在你的段落中断了。您的p代码占据了main div的全部宽度，因此右侧填充无法提供帮助。相反，只需在图像上添加一些填充。

第190行：

#target2
{
    float: right;
    padding-left: 5px;
}

2）您可以像使用图片行一样使用负边距。

第178行：

#googlemap
{
    margin-bottom: -130px;
}

3）从此规则中删除margin-bottom: -10px;：

#container #main #rotxt
{
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 0.8em;
    margin-top: 35px;
    padding-left: 1px;
}

<强>更新

对于IE7中的Google地图页脚问题，请尝试将此规则添加到IE7样式表中（有关条件注释的信息，请参阅here）：

#footer
{
    z-index: -1;
    position: relative;
}

Answer 2

添加溢出：隐藏;到#main p

CSS样式问题

2 个答案: