【问题标题】:Floats messing up in Safari browsers浮动在 Safari 浏览器中搞砸了
【发布时间】:2010-09-08 04:40:36
【问题描述】:

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

似乎导致问题的css主要部分是:

#settings{
    float:left;
}

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

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

该站点位于:http://frickinsweet.com/tools/Theme.mvc.aspx 以查看源代码。

【问题讨论】:

标签: css safari css-float


【解决方案1】:

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

【讨论】:

    【解决方案2】:

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

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

    【讨论】:

      【解决方案3】:

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

      谢谢

      【讨论】:

        【解决方案4】:

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

        1. 当它属于<head> 时,您的<style> 标签在<body>
        2. 您的一个内联样式中有一个“真实”错字:

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

        尝试将您的页面发送到validate;这应该会使调试实际问题变得容易得多。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2014-02-02
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多