奇怪的CSS边栏问题

时间:2010-01-11 23:03:47

标签: css wordpress firebug positioning

Here is the site in question

我有侧边栏在网站的任何其他页面上工作,除了这个;所有页面都有相同的模板。现在,边栏正在做旧的“在内容之下”。

当我尝试将其在Firebug中的位置编辑为除了亲戚之外的任何东西,然后将其更改回相对位置时,它会快速恢复到原位。但是,我在代码中所做的更改什么都不做。

当我将你的视频添加到帖子时,问题就开始出现了。

除了使用Jquery快速改变定位之外的任何想法?

6 个答案:

答案 0 :(得分:1)

position:relative移除#content后会发生什么?此外,我能够在FF3.0.17 XP上复制问题

答案 1 :(得分:1)

将侧边栏保持在原位(<div id="left">下方)并只更改一个CSS规则,然后添加另一个:

/* layout.css Line 310 */
#content {
  display: block; /* Changed from 'table' */
  overflow: hidden; /* Keeps 'left' and 'sidebar' from overflowing
}

经过测试:Firefox 2.0 Win,3.0 Mac / Win,3.5 Mac; Safari 4; IE6,IE7,IE8; Chrome 3 Win

答案 2 :(得分:0)

在我看来position:relative #sidebar正在搞砸它。尝试将其更改为侧边栏ID上的position: static

答案 3 :(得分:0)

你有一些关闭的标签:[Invalid] Markup Validation of reneewarren.com/category/blog/ - W3C Markup Validator。并尝试使用插件来执行有效的嵌入式Flash:WordPress › Kimili Flash Embed « WordPress Plugins

答案 4 :(得分:0)

尝试在内容标记之前移动侧边栏标记。

答案 5 :(得分:0)

您是否尝试过设置高z-index?