css - IE8 样式表问题

标签 css internet-explorer-8

我正在帮助为我的教会开发一个网站,但我遇到了样式表和 IE 的问题(很神奇,对吧?)

有一个 float 搜索框,如果您在几乎所有浏览器中查看它,它都会正确显示。为确认它是正确的,单词搜索出现在图像中搜索框的确切位置。但是,如果 IE8 在兼容性 View 中,输入框一直放在右上角,所以您几乎看不出右上角面包屑上方有文本。

我已经尝试通过将此标记放入我的所有文档中来强制 IE 使用非兼容模式,但它不起作用并且不会关闭兼容模式。

网址是http://66.165.142.160

如有任何帮助,我们将不胜感激。

更新: 这是我尝试过的每个浏览器的样子,除了 IE 8 兼容模式 Here is what it is supposed to look like

这就是IE8兼容模式的样子

Here is what it looks like in IE compatibility mode:

最佳答案

如果您使用元素的自然流动,可能有助于布局,即 <div id="social-icons">放在 <div id="search"> 之后.

如果这两个元素具有 float:right; clear:right;,它们将呈现更好的跨浏览器。在它们上声明然后添加 <div class="clear">在社交图标容器之后。

关于css - IE8 样式表问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6572265/

相关文章:

javascript - IE8 将 function() 分配给属性名称时出错 'function'

html - 在 IE8 上弹出奇怪的符号,但在其他浏览器上没有

html - 将文本放入 div 中心的问题

javascript - 如何将进度条显示为表格行背景?

导航栏折叠的 CSS 修复

javascript - 像 JSFiddle 这样的面板

html - IE8 文本缩进和占位符问题

css - BootStrap select 在添加前缀时宽度错误

javascript - 当用户单击作为父 div 的子级的按钮时,如何隐藏父 div 并将其替换为另一个 div?

javascript - 在 Javascript 中检测 IE8 64 位