html - CSS样式问题

Question

我是一个初学者，我一直在努力让这个网站按预期工作。多亏了这个论坛上关于包含 IE7 特定样式表的建议，我几乎完成了，但还有一些小问题。有些风格就是行不通，我开始绝望了!我有三个问题，如果有人能阐明这些问题，我将非常高兴!

1. 在所有浏览器(两种样式表)中，右侧的“main p”文本填充仅出现在“studios.htm”和“contactus.htm”页面上 - 我不知道为什么并尝试过所有风格都没有成功。

2. 在“location.htm”页面上，我无法将页脚定位在 Google map “后面”，就像图片行定位在其他页面上一样。我试过更改边距、填充和 z-index，但似乎没有任何改变 - 我可以设法将 footer 定位在正确的位置，但 Google map 留在它的“后面”，以便底部一部分看不到。

3. 仅在 IE7 上:CSS 文本格式似乎根本不会改变字体大小。结果文本太大，在“studios”和“thingstodo”页面上，这导致文本的底部太低并隐藏在图像后面。如果文字是正确的

网站在这里:http://bit.ly/gaAthc

主要 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 map 页脚问题，请尝试将此规则添加到 IE7 样式表(有关条件注释的信息，请参阅 here):

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