Why does this page load as a blank in IE?

Discussion in 'HTML & Website Design' started by mark_s, Mar 27, 2008.

  1. #1
    It would be great if someone could help me with this.

    Loads fine in FF but not IE?

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    <!-- Mirrored from www.rentacool.com/quote.html by HTTrack Website Copier/3.x [XR&CO'2007], Fri, 17 Aug 2007 15:42:15 GMT -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <title>Get a Quote</title>
    
    <script language="JavaScript" type="text/javascript">
    <!--
        function validar(form){
    	  
    	  if (form1.first_name.value == "")
    		{ alert("Please enter your first name."); form1.first_name.focus(); return false; }
    	  if (form1.last_name.value == "")
    		{ alert("Please enter your last name."); form1.last_name.focus(); return false; }
    	  if (form1.email.value == "")
    		{ alert("Please enter your email."); form1.email.focus(); return false; }
    	  if (form1.phone.value == "")
    		{ alert("Please enter your phone number."); form1.phone.focus(); return false; }
    	else{return true;}
    }
    <!--
    </script>
        
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <script type="text/JavaScript" src="js/menu.js"></script>
    <script language="JavaScript" src="js/mm_menu.js"></script>
    </head>
    
    <body onload="MM_preloadImages('images/mHome_on.gif','images/mHow_on.gif','images/mSolution_on.gif','images/mFAQ_on.gif','images/mAbout_on.gif','images/mContact_on.gif','images/mRental_on.gif')">
    <script language="JavaScript1.2">mmLoadMenus();</script>
    <table width="957" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><table width="957" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="270"><a href="homePage.html"><img src="images/headerLogo.gif" width="269" height="134" border="0" /></a></td>
            <td class="header"><table width="687" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td align="right" valign="bottom"><img src="images/iContact1.jpg" width="145" height="96" /></td>
              </tr>
              <tr>
                <td><table width="687" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td><a href="homePage.html"><img src="images/mHome.gif" name="mhome" width="44" height="38" border="0" id="mhome" onmouseover="MM_swapImage('mhome','','images/mHome_on.gif',1)" onmouseout="MM_swapImgRestore()" /></a></td>
                    <td><a href="how.html"><img src="images/mHow.gif" name="mhow" width="75" height="38" border="0" id="mhow" onmouseover="MM_swapImage('mhow','','images/mHow_on.gif',1)" onmouseout="MM_swapImgRestore()" /></a></td>
                    <td><a href="air-conditioning-solutions.html" onmouseover="MM_showMenu(window.mm_menu_0418141340_0,0,32,null,'msolution')" onmouseout="MM_startTimeout();"><img src="images/mSolution.gif" name="msolution" width="138" height="38" border="0" id="msolution" onmouseover="MM_swapImage('msolution','','images/mSolution_on.gif',1)" onmouseout="MM_swapImgRestore()" /></a></td>
                    <td><a href="portable-air-conditioning.html"><img src="images/mRental.gif" name="mrental" width="118" height="38" border="0" id="mrental" onmouseover="MM_swapImage('mrental','','images/mRental_on.gif',1)" onmouseout="MM_swapImgRestore()" /></a></td>
                    <td><a href="faq.html"><img src="images/mFAQ.gif" name="mfaq" width="34" height="38" border="0" id="mfaq" onmouseover="MM_swapImage('mfaq','','images/mFAQ_on.gif',1)" onmouseout="MM_swapImgRestore()" /></a></td>
                    <td><a href="about.html"><img src="images/mAbout.gif" name="mabout" width="66" height="38" border="0" id="mabout" onmouseover="MM_swapImage('mabout','','images/mAbout_on.gif',1)" onmouseout="MM_swapImgRestore()" /></a></td>
                    <td><a href="contact.html"><img src="images/mContact.gif" name="mcontact" width="68" height="38" border="0" id="mcontact" onmouseover="MM_swapImage('mcontact','','images/mContact_on.gif',1)" onmouseout="MM_swapImgRestore()" /></a></td>
                    <td><img src="images/iContact2.jpg" width="145" height="38" /></td>
                  </tr>
                </table></td>
              </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><table width="957" border="0" cellspacing="0" cellpadding="0">
          <tr><form name="form1" method="post" onSubmit="return validar();" action="http://www.client.greendotonline.net/cgi-bin/formmaila.cgi">        
           
    
    
    
    
            <td align="left" valign="top"><div class="blueBox1"><img src="images/sidepicAbout.jpg" width="258" height="525" /></div></td>
            <td align="right" valign="top" class="cWidth687"><table width="100%" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td align="right" valign="top"><img src="images/iContact3.jpg" width="131" height="48" /></td>
              </tr>
              <tr>
                <td class="textQuote"><p><img src="images/tQuote.gif" alt="Get a Quote" />
                  <table width="100%" border="0" cellpadding="0" cellspacing="0">
                
                    <tr>
                      <td valign="top" class="textForm">          <input name="recipient" type="hidden" value="quote@rentacool.com" />
          <INPUT TYPE=hidden NAME="env_report" VALUE="REMOTE_HOST,HTTP_USER_AGENT">
    <input name="subject" type="hidden" value="Quote Request" />
          <INPUT TYPE=hidden NAME="redirect" VALUE="http://rentacool.com">
          <INPUT TYPE=hidden NAME="return_link_url" VALUE="http://rentacool.com">
    
          <INPUT TYPE=hidden NAME="sort" VALUE="order:title,first_name,last_name,company,email,post_code,phone,message,andrews_source,other_source,industry,other_industry">
    Title:</td>
                      <td class="textForm">                    <select id="title" class="" name="title" size="1">
                            <option selected="selected" value=""></option>
                            <option value="Dr.">Dr.</option>
                            <option value="Mr.">Mr.</option>
                            <option value="Mrs.">Mrs.</option>
                            <option value="Ms.">Ms. </option>
                                            </select>                  </td>
                    </tr>
                    <tr>
                      <td valign="top" class="textForm">First Name:</td>
                      <td class="textForm"><input id="first_name" type="text" name="first_name" size="30" />
                        <span class="red">                    *</span></td>
                    </tr>
                    <tr>
                      <td valign="top" class="textForm">Last Name:</td>
                      <td class="textForm"><input id="last_name" type="text" name="last_name" size="30"  />
                        <span class="red">                    *</span></td>
                    </tr>
                    <tr>
                      <td valign="top" class="textForm">Company:</td>
                      <td class="textForm"><input id="company" type="text" name="company" size="30" /></td>
                    </tr>
                    <tr>
                      <td valign="top" class="textForm">Your Email:</td>
                      <td class="textForm"><input id="email" type="text" name="email" size="30"  />
                        <span class="red">*</span></td>
                    </tr>
                    <tr>
                      <td valign="top" class="textForm">ZIP code</td>
                      <td class="textForm"><input id="post_code" type="text" name="post_code" size="30" /></td>
                    </tr>
                    <tr>
                      <td valign="top" class="textForm">Phone:</td>
                      <td class="textForm"><input id="phone" type="text" name="phone" size="30" />
                        <span class="red">*</span></td>
                    </tr>
                    <tr>
                      <td valign="top" class="textForm">Message:</td>
                      <td class="textForm"><textarea id="message" name="message" rows="5" cols="30"></textarea></td>
                    </tr>
                    <tr>
                      <td valign="top" class="textForm">How did you hear about us:</td>
                      <td class="textForm">
                        <select id="andrews_source" class="BodyText" name="andrews_source" size="1">
                            <option selected="selected" value="">-- Select --</option>
            				<option value="Internet Search">Internet Search </option>                 
     						<option value="Direct Mail">Direct Mail </option>
                          	<option value="Trade Publication">Trade Publication </option>
                          	<option value="Referral">Referral </option>
                            <option value="Yellow Pages">Yellow Pages</option>
                            <option value="Sales representative">Sales representative</option>
                           <option value="Other">Other</option>
                                            </select>
    Other:
    <input type="text" name="other_source" size="23" />                  </td>
                    </tr>
                    <tr>
                      <td valign="top" class="textForm">Select Industry:</td>
                      <td class="textForm">                    <select name="industry" size="1" class="BodyText" id="industry">
                            <option value="" selected="selected">-- Select --</option>
                            <option value="Information Technology">Information Technology	</option>
                            <option value="Offices ">Offices </option>
                            <option value="Property Management">Property Management</option>
                            <option value="Hospital &amp; Medical Facilities">Hospital &amp; Medical Facilities</option>
                            <option value="Retail ">Retail </option>
                            <option value="Hospitality &amp; Restaurants">Hospitality &amp; Restaurants</option>
                            <option value="Events &amp; Exhibitions">Events &amp; Exhibitions</option>
                            <option value="Banking">Banking</option>
                            <option value="Government Buildings">Government Buildings</option>
                            <option value="Exhibitions &amp; Events">Events &amp; Film Production</option>
                            <option value="Natural Disaster Recovery">Natural Disaster Recovery</option>
                            <option value="Food Industry">Food Industry</option>
                            <option value="Schools">Schools</option>
                            <option value="Other">Other</option>
           
                                            </select>
                        Other:
                        <input type="text" name="other_industry" size="17" id="other_industry" /></td>
                    </tr>
                    
                    <tr>
                      <td valign="top">&nbsp;</td>
                      <td class="textProductDescription">Items with a <span class="red">* </span>are required</td>
                    </tr>
                    <tr>
                      <td valign="top">&nbsp;</td>
                      <td>&nbsp;</td>
                    </tr>
                    <tr>
                      <td valign="top">&nbsp;</td>
                      <td><input type="reset" name="Reset" value="Reset form" />
                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;      <input type="submit" name="Submit" value="Send form" /></td>
                    </tr>
                  </table>
                  <br />
                
      <script type="text/javascript" language="JavaScript" src="js/autofill.js"></script>
    
                  <p><img src="images/redDevider.gif" width="545" height="6" /></p>
                  <p>&nbsp;</p></td>
                </tr>
              
              
              
            </table></td>
         </form> </tr>
        </table></td>
      </tr>
      <tr>
        <td class="footer"><p><span class="callToday">Call Today 305.624.3344</span><br />
                <a href="homePage.html">HOME</a> | <a href="how.html">HOW &amp; WHY</a> | <a href="air-conditioning-solutions.html">SOLUTIONS BY INDUSTRY</a> | <a href="portable-air-conditioning.html">RENTAL EQUIPMENT</a> | <a href="faq.html">FAQ</a> | <a href="about.html">ABOUT US</a> | <a href="contact.html">CONTACT</a><br />
                <br />
          Copyright &copy; 2007 RentAcool, All Rights Reserved. <a href="terms.html">Terms &amp; Conditions</a>. Design by <a href="http://www.greendotonline.net/">Green Dot</a>.</p></td>
      </tr>
    </table>
    <script src="../www.google-analytics.com/urchin.js" type="text/javascript">
    </script>
    <script type="text/javascript">
    _uacct = "UA-2171444-1";
    urchinTracker();
    </script></body>
    
    <!-- Mirrored from www.rentacool.com/quote.html by HTTrack Website Copier/3.x [XR&CO'2007], Fri, 17 Aug 2007 15:42:16 GMT -->
    </html>
    
    Code (markup):
     
    mark_s, Mar 27, 2008 IP
  2. greboguru

    greboguru Member

    Messages:
    78
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    43
    #2
    Works fine on my installation of IE6 ... if you still have a problem then I'd suggest running the page through the W3C validator and fixing the errors that it finds. http://validator.w3.org/
     
    greboguru, Mar 27, 2008 IP
  3. tankard

    tankard Well-Known Member

    Messages:
    1,018
    Likes Received:
    55
    Best Answers:
    0
    Trophy Points:
    185
    #3
    Works fine on my IE7
     
    tankard, Mar 27, 2008 IP
  4. paul_delaney

    paul_delaney Peon

    Messages:
    45
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    works fine in my ie7 & ff
     
    paul_delaney, Mar 27, 2008 IP
  5. SamSlam

    SamSlam Peon

    Messages:
    12
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Rite buddy, the page comes up blank on my browser too, if you find out the reason kindly post the same to me ...
     
    SamSlam, Mar 27, 2008 IP
  6. ExtremeData

    ExtremeData Well-Known Member

    Messages:
    450
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    125
    #6
    work on FireFox
     
    ExtremeData, Mar 27, 2008 IP
  7. sawz

    sawz Prominent Member

    Messages:
    8,225
    Likes Received:
    808
    Best Answers:
    0
    Trophy Points:
    360
    #7
    OP knows it works in FireFox, its IE that concerns them.

    and it opens in my IE
     
    sawz, Mar 27, 2008 IP
  8. blueparukia

    blueparukia Well-Known Member

    Messages:
    1,564
    Likes Received:
    71
    Best Answers:
    7
    Trophy Points:
    160
    #8
    Doesn't work (properly) in Opera - the bottom of the phone hans down.

    <lie>
    You have some awesome code and techniques in there by the way.
    </lie>
     
    blueparukia, Mar 27, 2008 IP
  9. mark_s

    mark_s Peon

    Messages:
    497
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Sorry everyone, after I posted I later uploaded an older working version but I need the new one to work.

    The page that comes up blank in IE7 is here.

    Thanks for your feedback everyone.
     
    mark_s, Mar 27, 2008 IP
  10. blueparukia

    blueparukia Well-Known Member

    Messages:
    1,564
    Likes Received:
    71
    Best Answers:
    7
    Trophy Points:
    160
    #10
    Doesn't show in Opera or Safari either, I'd suggest removng the 53 validation errors, throwing Dreamweaver in the bin and learning to code.
     
    blueparukia, Mar 27, 2008 IP
  11. greboguru

    greboguru Member

    Messages:
    78
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    43
    #11
    Yup, it doesn't display in IE. I would run the code through the validator and fix some of those errors. I'd start with the two html comment opening tags in the script block ... that's not gonna help.
     
    greboguru, Mar 27, 2008 IP
  12. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #12
    I agree with Greg... my first suspect would always be commented stuff in the head... not just the javascript (maybe IE is stopping there) but also that other thing... can't that go somewhere else? Or at least, last in the <head>.

    Generally I do title, metas, links to CSS, scripts last.
     
    Stomme poes, Mar 27, 2008 IP
  13. jsb

    jsb Guest

    Messages:
    100
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #13
    The problem seems to be with the form validation in the head.

    <script language="JavaScript" type="text/javascript">
    <!--
    function validar(form){....

    I'd suggest trying a different validation technique.

    Actually as suggested above, change the 2nd <!-- to --> and it should work fine.
     
    jsb, Mar 27, 2008 IP
  14. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #14
    53 html errors and 22 css errors. And there is no such attribute as "language=JavaScript".
     
    drhowarddrfine, Mar 27, 2008 IP