【问题标题】:Website CSS Formatting Issue in IEIE中的网站CSS格式问题
【发布时间】:2011-11-28 19:15:40
【问题描述】:

我正在开发一个 Wordpress 网站,但无法让该页面在 IE 中正确格式化:

http://piiholozipline.com/shop/

主要内容容器 (#shopp) 在页面上向下推约 6 英寸。这在其他浏览器中不会发生,只有 IE。我尝试了各种显示选项(内联)和定位(绝对、相对等),但均无济于事。

有什么想法吗?

【问题讨论】:

  • 任何版本的 IE 似乎都会受到影响。
  • 有趣——当我在 IE8 调试器中取消选中任何 CSS 样式时,不需要的空间消失了。当我重新检查样式时,它仍然消失了。
  • 嗯...不确定这里发生了什么。似乎任何对 IE 的修复都会破坏 Firefox,反之亦然。

标签: html css internet-explorer wordpress shopp


【解决方案1】:

我注意到当页面在 IE8 中加载时,幻灯片中的所有三个图像同时出现;然后一旦 jQuery.cycle 插件初始化,第二个和第三个图像就会消失,留下空白。

这表明您可以通过在 DOM 加载之前隐藏所有图像来解决问题。尝试在 CSS 文件中将 display: none; 添加到 .slide

【讨论】:

  • 我认为这有点帮助。现在它叠加在幻灯片的顶部,或者,如果我应用一些边距,它在 Safari/Firefox 中会很低。想法?
  • 尝试在此之后添加#slide1 { display: block; }
【解决方案2】:

尝试从 #content 中删除 overflow:hidden - 它在您的 ie.css 文件中

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-05-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多