奇怪的CSS边栏问题

Here is the site in question 奇怪的CSS边栏问题

我已经有侧边栏工作的网站的任何其他页面，除了这一个;所有页面都有相同的模板。现在的侧边栏是做旧的“去内容下”。

当我尝试编辑它在Firebug中的位置而不是相对的任何东西，然后将其更改回相对位置时，它会很快恢复到原位。但是，我在代码中所做的更改什么也不做。

当我向帖子添加youtuve视频时，问题开始出现。

除了通过Jquery快速改变位置之外的任何想法？

来源

2010-01-11 wesbos

什么浏览器显示问题？在FF，Opera，Chrome，IE7中，我看起来很好.. – 2010-01-11 23:22:38

在Safari 4中很好。你清除了你的缓存吗？ – 2010-01-11 23:26:39

Firefox OSX 10.6 :) – wesbos 2010-01-11 23:27:22

保持侧边栏在那里它是（在<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中赢了，3.0的Mac/Win中，3.5的Mac ; Safari 4; IE6，IE7，IE8; Chrome 3 Win

来源

2010-01-11 23:52:30

cha-ching！这是一个奇怪的问题。非常感谢你的帮助，你真的超越了！你可以取下那个临时网站吗？不想在网上拥有复制内容。再次感谢！:) – wesbos 2010-01-13 00:48:29

@Wes很高兴我能帮忙，临时页面已被删除。干杯! – 2010-01-13 03:52:37

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

来源

2010-01-11 23:31:09 NerdStarGamer

我希望这会做到，但没有运气。适用于萤火虫，但不是当我保存重新加载CSS时。 – wesbos 2010-01-11 23:34:24

是的，现在我明白了。我创建了一个本地版本的网站。除去所有的位置：亲属似乎没有好处。这绝对是由YouTube视频触发的。 – NerdStarGamer 2010-01-11 23:50:43

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

来源

2010-01-11 23:33:40 markratledge

啊，我错过了一个关闭的Div标签，但一旦验证问题仍然存在。 – wesbos 2010-01-11 23:52:04

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

来源

2010-01-11 23:37:34

工作正常！由于SEO而不是最好的解决方案，但它的工作原理。我想听听其他人是否有建议，如果没有，我会给你答案。再次感谢:) – wesbos 2010-01-11 23:39:41

由于您使用的是固定宽度布局，因此您也可以将侧边栏浮动到左侧。这将解决您的问题，而无需重新排序您的内容。 – 2010-01-11 23:44:09

浮动权仅用于设计，当一个僵尸程序抓取一个网站时，它们会禁用所有样式，并将侧边栏链接留在所有帖子之上。 – wesbos 2010-01-11 23:56:00

当您从#content中删除position:relative会发生什么情况？另外，我可以在FF3.0.17上复制问题XP

来源

2010-01-11 23:42:22

问题依旧.. – wesbos 2010-01-11 23:52:56

您是否尝试过设置高Z指数？

来源

2010-01-11 23:48:06

是的，没有运气.. – wesbos 2010-01-11 23:53:47

奇怪的CSS边栏问题

回答

相关问题