Css 在Safari浏览器中出现混乱

Css 在Safari浏览器中出现混乱,css,safari,css-float,Css,Safari,Css Float,我有一个我制作得非常快的网站,它使用浮动来显示内容的不同部分。浮动内容和具有额外边距的内容在FF/IE中都显示良好,但在safari中,其中一个div被完全隐藏。我尝试过切换到填充和位置:相对,但没有任何效果。如果我取出代码将其显示在右侧,它将再次显示,但位于浮动内容下 css中引起问题的主要部分是: #设置{ 浮动:左; } #右图内容{ 边缘顶部:20px; 左边距:440px; 宽度:400px; } 无论是否为#settings div指定大小,这都会给出相同的结果。任何想法都将不胜感

我有一个我制作得非常快的网站,它使用浮动来显示内容的不同部分。浮动内容和具有额外边距的内容在FF/IE中都显示良好,但在safari中,其中一个div被完全隐藏。我尝试过切换到
填充
位置:相对
,但没有任何效果。如果我取出代码将其显示在右侧,它将再次显示,但位于浮动内容下

css中引起问题的主要部分是:

#设置{
浮动:左;
}
#右图内容{
边缘顶部:20px;
左边距:440px;
宽度:400px;
}
无论是否为#settings div指定大小,这都会给出相同的结果。任何想法都将不胜感激


该站点位于:以查看源代码。

您是否尝试将#right_content div浮动到右侧

#右#内容{
浮动:对;
边缘顶部:20px;
宽度:400px;
}

很抱歉,我也应该提到这一点。我尝试将该内容向右浮动,另外还尝试将其向左浮动,并设置位置,认为两个div都将从左开始:0,其中设置右侧的边距将使其移动


谢谢

您需要事先解决的一些问题:

  • 您的
    标记位于
    中,而它属于
  • 您的一种内联样式中有一个输入错误“realtive”:

    <a href="http://feeds.feedburner.com/ryanlanciaux" style="position:realtive; top:-6px;">
    

    ;这将使调试实际问题更加容易。

    我认为错误在于颜色选择器生成的标记。我保存了页面并删除了颜色选择器的代码,它在IE/FF/SF中呈现良好

    @thanksd我开了一家公司。请参加讨论。