طرحت CSS عناصر div مع عناصر النموذج تختفي في سفاري 3 على ماك

Question

وأنا التخشين تخطيط معا والقيام ببعض التجارب المتصفح. جاء مطلقا في هذه المسألة من قبل، تحقق من نموذج الاتصال في تذييل هذه الصفحة

<لأ href = "http://staging.terrilynn.com/fundraising/" يختلط = "نوفولو noreferrer"> http://staging.terrilynn.com/fundraising/

وهناك شعبة بعرض 298px طرحت على الجهة اليمنى والذي يأتي أولا في ترتيب المصدر. وتبع ذلك عدة عناصر div أخرى، طرحت غادر مع كل عناصرها شكل الطفل.

ووفي شعبة التي يجب أن تظهر على يسار شعبة رسالة طرحت اليمين تختفي.

والصفحة تعرض بشكل صحيح في فايرفوكس. أي مساعدة سيكون موضع تقدير.

<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 -->

Answer 1

واعتقد انني وجدت هذه المشكلة:

وscreen.css (خط 382)

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

و"تجاوز: مخفي". يسبب المشكلة

Answer 2

هل حاولت لا تعويم العناصر <p> إلى اليسار؟ لماذا تفعلون هذا في الواقع؟ ليس مطلوبا في التخطيط الحالي.

Answer 3

ونجاح باهر التي عملت!

وكنت تستخدم الفائض: خفية لإجبار شعبة لاحتواء التسمية وإدخال عناصر طرحت

ولكن في الحقيقة كان تطفو على عناصر الإدخال ليس من الضروري.

ولكم الشكر جميعا جزيل الشكر.