带有表单元素的 CSS float div 在 mac 上的 Safari 3 中消失

标签 css google-chrome safari webkit css-float

我正在一起粗略布局并进行一些浏览器测试。以前从未遇到过这个问题,请查看本页页脚中的联系表

http://staging.terrilynn.com/fundraising/

有一个宽度为298px的div向右浮动,在source order中排在第一位。紧接着是其他几个 div,每个 div 的子表单元素都向左浮动。

应该出现在右浮动消息 div 左侧的 div 正在消失。

页面在 firefox 中正确显示。任何帮助将不胜感激。

<div id='footer-contact-form'>
  <h1>Request Information <span class='note'>(all fields required)</span></h1>
  <form class="monkForm" method="post" action="http://my.ekklesia360.com/FormBuilder/handleSubmit.php" id="footer-info-request">
    <fieldset>
      <legend>Footer Info Request</legend>
      <div class="textarea required" id="w2376">
        <p class="data">
          <label for="area_2376">Message</label>
          <textarea id="area_2376" name="e_2376" rows="5" cols="20"></textarea>
        </p>
      </div>
      <div class="text required" id="w2377">
        <p class="data">
          <label for="text_2377">Name</label>
          <input id="text_2377" type="text" name="e_2377" value="" />
        </p>
      </div>
      <div class="text required" id="w2378">
        <p class="data">
          <label for="text_2378">Phone</label>
          <input id="text_2378" type="text" name="e_2378" value="" />
        </p></div>
      <div class="text" id="w2379">
        <p class="data">
          <label for="text_2379">Email</label>
          <input id="text_2379" type="text" name="e_2379" value="" />
        </p>
      </div>
      <p id="formsubmit"><input type="submit" name="submit" value="Send" /></p>

      <input type="hidden" name="token" value="8143f99c1d01b4d1207dbe7860e5586d" />
      <input type="hidden" name="SITEID" value="2185" />
      <input type="hidden" name="cpBID" value="367780" />
      <input type="hidden" name="formslug" value="footer-info-request" />
      <input type="hidden" name="CMSCODE" value="EKK" />
      <input type="hidden" name="fkey" value="" />
    </fieldset>
  </form>
</div><!-- #footer-contact-form -->

最佳答案

我想我发现了问题:

screen.css(第 382 行)

#footer-contact-form div {
margin:0 300px 10px 0;
overflow:hidden;
}

“溢出:隐藏”导致问题。

关于带有表单元素的 CSS float div 在 mac 上的 Safari 3 中消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/191817/

相关文章:

javascript - 为什么此代码在 Safari 中有效,但在 Chrome 中无效?啊啊

html - Safari 自动 "display: none !important"不会加载图像

google-chrome - 私有(private)模式是否在流行的浏览器上启用 "Do Not Track"(DNT)?

javascript - jQuery - 缩放图像效果(模拟浏览器调整大小)

css - Google recaptcha 不显示在 div 中

javascript - 隐藏功能似乎在 jQuery Mobile 中不起作用

android - 从 Chrome 文件系统播放视频在 Android 上不起作用

css - DOMPDF 生成的 PDF 格式的 Google Webfonts

css - 要在 Chrome 设备模拟器中模拟的自定义设备

html - 组件仅在 Safari 中损坏