I am having problems with my page display in firefox. The page is ok in internet explorer but i have problem with it in firefox.

  • Profile Image
    ehirox
    Asked on August 02, 2010 at 11:39 AM

    Here is my code

     

    <link target="_blank" href="stylesheet.css" rel="stylesheet" type="text/css" />
    <link target="_blank" href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
    <!-- InstanceBegin template="/Templates/Mountain.dwt" codeOutsideHTMLIsLocked="false" --><script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <!-- InstanceBeginEditable name="head" -->
    <!-- InstanceEndEditable -->
    <link target="_blank" href="stylesheet.css" rel="stylesheet" type="text/css">
    <link target="_blank" href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css">
    <div id="container">
      <div id="header">  
      </div>
     
     
    <div id="sidenav">
     
        <ul id="MenuBar2" class="MenuBarVertical">
          <li><a target="_blank" href="Home.html">Home</a></li>
          <li><a target="_blank" href="About Us.html">About Us</a></li>
    <li><a target="_blank" href="Mountains.html">Mountain</a></li>
    <li><a target="_blank" href="Testimonies.html">Testimonies</a></li>
    <li><a target="_blank" href="contact us .html">Contact Us</a></li>
        </ul>
        <!-- InstanceBeginEditable name="EditRegion3" -->
        <div id="bibleverse">
          <p>Jesus looked at them and said, &quot;With man this is impossible, but not   with God; all things are possible with God</p>
          <p>Mark 10:27</p>
          <p>New International Version</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
        </div>
        <!-- InstanceEndEditable --></div>
    <!-- InstanceBeginEditable name="EditRegion2" -->
    <div id="maincontent">
      <div id="mountaindiv">
        <p class="headings">MOUNTAIN</p>
        <p>Read or hearing about the mountains peoples face we wounder if we can do amything to help. As christains we can fast or pray for them or  fast and  pray with them. </p>
        <p>Fastwithme to enable you fast or pray  withsome1. This enables you send an  email, informing of your intent  to fast or pray with them.  You may wish to initiate/accept more than one invite for prayers and  fasting. </p>
    <p> Testify gives you the opportunnity to tell others how God moved your mountain. </p>
    <p>&nbsp;</p>
    <div id="tab"> Mountain</div>
    <div id="comments">
      <div id="message">
        <p>&nbsp;</p>
        <p>God saved me today.  <a target="_blank" href="mailto:osawa31@hotmail.com">Fast with me</a></p>
        <p>God saved me today. <a target="_blank" href="mailto:osawa31@hotmail.com">Fast with me</a></p>
        <p>God saved me today. <a target="_blank" href="mailto:osawa31@hotmail.com">Fast with me</a></p>
        <p>God saved me today. <a target="_blank" href="mailto:osawa31@hotmail.com">Fast with me</a></p>
        <p>God saved me today. <a target="_blank" href="mailto:osawa31@hotmail.com">Fast with me</a></p>
        <p>God saved me today. <a target="_blank" href="mailto:osawa31@hotmail.com">Fast with me</a></p>
        God saved me today. <a target="_blank" href="mailto:osawa31@hotmail.com">Fast with me</a>
    <p>&nbsp;</p>
      </div>
     
      <script src="//www.jotform.com/min/g=jotform&3.1" type="text/javascript"></script>
      <script type="text/javascript">

       JotForm.init(function(){
          $('input_7').hint('ex: myname@example.com');
       });
    </script>
      <link type="text/css" rel="stylesheet" target="_blank" href="http://www.jotform.com/css/styles/form.css?v3"/>
      <link target="_blank" href="http://www.jotform.com/css/calendarview.css" rel="stylesheet" type="text/css" />
      <style type="text/css">
        .form-label{
            width:150px !important;
        }
        .form-label-left{
            width:150px !important;
        }
        .form-line{
            padding:10px;
        }
        .form-label-right{
            width:150px !important;
        }
        .form-all{
            width:500px;
            color:Black !important;
            font-family:Verdana;
            font-size:12px;
        }
      </style>
      <form class="jotform-form" action="http://www.jotform.com/submit.php" method="post" name="form_2080849920" id="2080849920" accept-charset="utf-8">
        <input type="hidden" name="formID" value="2080849920" />
        <div class="form-all">
            <ul class="form-section">
                <li id="id_1" class="form-input-wide">
                    <div class="form-header-group">
                        <h2 id="header_1" class="form-header">
                            My Mountain
                        </h2>
                    </div>
                </li>
                <li class="form-line" id="id_7">
                    <label class="form-label-left" id="label_7" for="input_7">
                        E-mail Address<span class="form-required">*</span>
                    </label>
                    <div id="id_7" class="form-input">
                        <input type="text" class="form-textbox validate[required, Email]" id="input_7" name="q7_emailAddress7" size="30" />
                    </div>
                </li>
                <li class="form-line" id="id_5">
                    <label class="form-label-left" id="label_5" for="input_5">
                        Mountain<span class="form-required">*</span>
                    </label>
                    <div id="id_5" class="form-input">
                        <textarea id="input_5" class="form-textarea validate[required]" name="q5_mountain" cols="40" rows="6"></textarea>
                    </div>
                </li>
                <li class="form-line" id="id_2">
                    <div id="id_2" class="form-input-wide">
                        <div style="margin-left:156px" class="form-buttons-wrapper">
                            <button id="input_2" type="submit" class="form-submit-button">
                                Submit
                            </button>
                        </div>
                    </div>
                </li>
                <li style="display:none">
                    Should be Empty:
                    <input type="text" name="website" value="" />
                </li>
            </ul>
        </div>
        <input type="hidden" id="simple_spc" name="simple_spc" value="2080849920" />
        <script type="text/javascript">
            document.getElementById("si" + "mple" + "_spc").value = "2080849920-2080849920";
        </script>
        <input type="hidden" value="" id="input_8" name="q8_surname" />
    </form>&nbsp;</p>
      <p>&nbsp;</p>
    </div>
    <p>&nbsp;</p>
      </div>
      <p>&nbsp;</p>
    <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    </div>
    <!-- InstanceEndEditable -->
    <div id="Footer">
        <blockquote>
          <p><a target="_blank" href="contact us .html">Contact Us</a> | Site Map | Policy | Terms |Privacy</p>
        </blockquote>
      </div>
     
    </div>

    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    <script type="text/javascript">
    <!--
    var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    <!-- InstanceEnd -->

  • Profile Image
    aytekin
    Answered on August 03, 2010 at 03:19 AM

    You may try removing this code and replacing it with the short (1-line javascript) JotForm code. It is more difficult for it to get corrupted.

  • Profile Image
    ehirox
    Answered on August 05, 2010 at 07:26 AM

    I tried what you suggested and it mad eno difference. It still has the same problem in firefox.

  • Profile Image
    aytekin
    Answered on August 06, 2010 at 03:58 AM

    Please send the URL of the page.