CSS样式问题

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

在所有浏览器（包括样式表），“主p”右侧文本填充只出现在网页的studios.htm'和“contactus.htm” - 我不知道为什么，并试图打所有风格都没有成功。
在'location.htm'页面上，我无法将页脚定位在Google Map的“后面”，就像图片行位于其他页面上一样。我试着改变边距，填充和z-index，但似乎并没有改变它 - 我可以设法将页脚放在正确的位置，但Google Map保持“后面”，以便底部可以“不被看见。
仅在IE7上：CSS文本格式似乎根本没有改变字体大小。因此，文字太大，页面'studios'和'thingstodo'，这导致文本的底部部分太低而隐藏在图像之后。如果文本是正确的

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

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

提前感谢！

来源

2011-03-09 noobug

IE浏览器不是浏览器... – Shoe 2011-03-09 17:00:09

IE浏览器是...还是你指的是缺乏版本信息？我在上面的文本中看不到任何香草“IE”引用。 – Bojangles 2011-03-09 17:04:36

主要的CSS和IE7 CSS看起来很像。IE7 CSS不应该只包含IE7黑客？ – 2011-03-09 17:29:31

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的谷歌地图页脚问题，尝试添加该规则一个IE7样式表（有关条件注释的信息，请参见here）：

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

来源

2011-03-09 17:05:43 wsanville

非常感谢你@wsanville - 你帮我理清了所有东西！仍然存在的一个问题是，在Internet Explorer 7中，Google地图仍然隐藏在页脚后面，因此地图的底部部分无法看到。所以，他们都定位在正确的位置，但页脚是'谷歌地图'的顶部，我试图让它相反......任何想法，我可以如何实现这一目标？再次感谢！ – noobug 2011-03-09 17:40:23

很高兴提供帮助，我已经更新了我对该问题的回答。一定要表现出对upvotes和接受的答案的一些爱;） – wsanville 2011-03-09 17:50:18

非常感谢，我尝试了你的建议，并将这些值包含在页脚中，但是现在整个谷歌地图“跳下来”，留下了本身和内容之间的巨大差距在它上面，谷歌地图的底部仍然隐藏在IE7页脚的后面（这里是页面http://bit.ly/fxggEu）。如果你碰巧有其他建议，我会非常感激他们！谢谢！ – noobug 2011-03-09 18:15:13

添加overflow：hidden; to #main p

来源

2011-03-09 17:09:20 Rasterize

CSS样式问题

回答

相关问题