Question

我有一个非常快的网站，它使用浮动来显示不同的内容部分。浮动内容和具有额外边距的内容在FF / IE中都显得很好，但在safari中，其中一个div是完全隐藏的。我已尝试切换到padding和position:relative，但没有任何内容对我有用。如果我拿出代码将其显示在右侧，它会再次出现，但会在浮动内容下显示。

似乎导致问题的CSS的主要部分是：

#settings{
    float:left;
}

#right_content{
    margin-top:20px;
    margin-left:440px;
    width:400px;
}

无论我是否指定#settings div的大小，这都给出了相同的结果。任何想法都将不胜感激。

该网站位于：http://frickinsweet.com/tools/Theme.mvc.aspx，可查看源代码。

Answer 1

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

#right_content{
  float: right;
  margin-top: 20px;
  width: 400px;
}

Answer 2

我认为错误在于颜色选择器正在生成的标记。我保存了页面并删除了颜色选择器的代码，它在IE / FF / SF中渲染得很好。

Answer 3

对不起我也应该提到这一点。我尝试将内容浮动并另外尝试将其向左浮动并设置位置，并认为两个div都将从左侧开始：0设置右边距将移动它。

由于

Answer 4

你应该事先解决的一些事情：

<style>标记位于<body>内，属于<head>

您的其中一种内联样式中存在拼写错误：

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

尝试将您的信息页设为validate;这应该使调试实际问题变得更加容易。

浮动在Safari浏览器中乱七八糟

4 个答案: