0

作为一名网页设计师,我希望制作的网站至少可以在尽可能多的浏览器中运行。我仍然尝试为那些只使用 IE 而一无所知的访问者设计 IE 7。但是我不太熟悉 id IE,它的间距和 hacks。

我的网站看起来不错,你可以在这里查看,除了 IE 之外的所有浏览器。:s 谢天谢地,它现在只是页脚。

我希望有人能给我建议并帮助我解决这个问题,然后可能会给我一些关于 IE 的参考或文章以及它的间距问题和黑客。

我的页脚在 IE 7 或 8 中都不起作用。

即 7: 在此处输入图像描述

即 8: 在此处输入图像描述

CSS

#footer { width: 100%; height: 503px; background: url(img/FOOTER-bg.jpg) repeat-x; background-color: #821d20; margin-top: 100px;/*border: 1px solid #0C0;*/}
#footer a { text-decoration: underline; color: #c7bd89 !important; }
#footer a:hover { text-decoration: none; color: #fff; }

#footer h6 { background: url(img/FOOTER-HR-BG.jpg) left center repeat-x; text-align: left;}
#footer h6 span { background: #8e2023; display: inline-block; padding-right: 5px; }

我尝试了很多不同的方法,但我不确定 IE 中使用此页脚发生了什么。如果有人能对可能发生的事情有所了解,将不胜感激!

4

2 回答 2

1

我不确定问题的根源,但不是使用“float:right;”,而是使用“position:absolute; right:-2px;” 似乎解决了这个问题(还要确保#searchform 有一个相对位置)。

于 2012-04-08T04:33:48.723 回答
1

对于初学者,您有一个未封闭的旁白元素。如果您在 ie8 中查看它并使用 f12 开发人员工具,您可以看到页脚现在是元素的子元素。关闭那个家伙....应该帮忙。

于 2012-04-08T05:34:30.010 回答