消除 IE 中 WordPress 帖子中的空白

发布于 2024-08-07 13:35:17 字数 275 浏览 4 评论 0原文

我在我的网站上使用 Rodrigo Galindez 的 Modern Clix 的修改版本,并且在 IE 中遇到了我的每一篇帖子顶部都有空白的问题。

该间隙是我左侧边栏的大小,在 Firefox 中不会出现。

例如: http://martiningolf.dk/?page_id=273

如果有人知道如何解决这个问题,它会让我高兴。

I'm using a modified version of Modern Clix by Rodrigo Galindez on my website, and I've encountered a problem with gaps on top of every one of my posts in IE.

The gap is the size of my left-hand sidebar and doesn't appear in firefox.

Ex.: http://martiningolf.dk/?page_id=273

If anyone knows how to solve this problem, It'd make me happy.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

暗地喜欢 2024-08-14 13:35:17

看起来像是浮动问题。

您的左列设置为 float:left,但右列(帖子)不是浮动的 - 它有一个 padding-left 将其推倒:

.nudge-2 { padding-left:15.2em }

IE 讨厌填充。

您也可以尝试将右列设置为 float:left 。这可能意味着将其宽度从 80em 减小到更窄的值。

这可能有效:

.nudge-2 { padding-left:0em; }
.span-12 { float:left; width:64em;}
.post { border-top:1px solid #CCCCCC; clear:both; overflow:hidden; padding:1em 0 2em; width:90em; }

祝你好运!

Looks like a float issue.

Your left column is set to float:left, but your right column (the post) isn't floating - it has a padding-left that pushes it over:

.nudge-2 { padding-left:15.2em }

IE hates padding.

You might try setting the right column to float:left as well. This will probably mean reducing its width from 80em to something narrower.

This may work:

.nudge-2 { padding-left:0em; }
.span-12 { float:left; width:64em;}
.post { border-top:1px solid #CCCCCC; clear:both; overflow:hidden; padding:1em 0 2em; width:90em; }

Good luck!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文