code人生 / 互联网 · 2012 年 4 月 14 日 3

求技术扶贫:关于IE的神排版

    用WP以来,IE上的排版一直是一叶最头疼的问题之一,但是又不得不考虑,毕竟国内大部分人还停留在IE6或者一些壳浏览器上,不支持IE简直是自寻死路。但是改主题测试的时候一般又想不到IE,总是用Chrome或者Firefox直接测试效果的,结果昨天就出岔子了。昨天看着这套模版总觉得有点别扭,文章和侧边栏之间的界限很不明显,看起来总怪怪的,于是就想加一条分割线。

    关于这个问题以前在WP论坛上请教过,一位大神让我在#content中插入几行代码:

#content {
border-right:1px solid #DDD;
padding-right:1px;
}

我插入之后发现看起来更丑了,觉得分隔线不能离文章这边太近,于是就改成了以下样式:

#widget-area {
border-left:1px solid #DDD;
padding-left:10px;
}

    就变成了现在你们看到的样式了,首页看起来还是舒服很多的。可是,最大的问题来了,用IE打开看了一下,擦,又现神排版,非IE浏览器看到的内容都是居中的,偏偏IE的各个版本看到的都是偏左,我就想不通了,微软到底是给IE加入了什么自有标准。刚开始还以为是上面这几行代码的原因,于是去掉,再更新缓存刷新看看,还是偏左。昨天修改的内容好像就这个了,然后就是昨天对模版的loop.php,function.php,author.php汉化了一下,把什么posted on都用发表在替代了,并没有涉及到什么整体布局的东西,排版应该只与样式表有关吧。现在正在用前几天备份的样式表和现在的样式表逐行对比,没发现什么问题,要说不同的话,就是我昨天修改了一下侧边栏标题的字体,改字体总不至于出这样的事情吧。

    求技术帝扶贫啊,帮忙搞定一下IE排版,不然现在这神排版不知道得丑多久。实在受够了IE,求IE早日灭亡吧。

3
0
希望看到您的想法,请您发表评论x