3

我有一个网站我制作得非常快，它使用浮动来显示不同的内容部分。浮动内容和具有额外边距的内容在 FF/IE 中都显示得很好，但在 safari 中，其中一个 div 完全隐藏。我尝试切换到paddingand 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以查看源代码。

4

4 回答 4

1

您是否尝试过将#right_content div 向右浮动？

#right_content{
  float: right;
  margin-top: 20px;
  width: 400px;
}
于 2008-09-08T18:00:55.247 回答
1

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

于 2008-09-08T18:21:39.473 回答
0

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

谢谢

于 2008-09-08T18:03:24.460 回答
0

您应该事先解决一些问题：

  1. 你的<style>标签在<body>，当它属于<head>

  2. 您的一种内联样式中有一个错字“真实”：

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

尝试让您的页面进行验证；这应该使调试实际问题变得容易得多。

于 2008-09-08T18:03:42.573 回答