3 replies [Last post]
Newbie Paul
Newbie Paul's picture
Offline
newbie
Last seen: 7 years 35 weeks ago
Timezone: GMT-5
Joined: 2013-02-14
Posts: 4
Points: 8

In the following code, the div for 'wiifmbox' and 'requestbox' are displayed in IE9 but not in Chrome. Any idea how to fix? At the moment it can be viewed at efficertain.com/mortgageinvestor1.php

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 
<?php
$filename = basename($_SERVER['PHP_SELF']);
?>
 
<html>
<head>
 
<style media="all" title="mystyles" type="text/css">
 
	body { 
	background-color: #fff2e5; 		
	color: #000000; 		
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: small; } 	
 
	h1 { 
	font-size: extra large; 
	font-style: italic; 
	text-align: center; }
 
	#canvas {
	background-color: #CDF3FF; 
	position: relative;
	width: 700px;
	height: 1000px;
	margin: auto;
	padding: 2px 10px 2px 10px;
	border: 1px solid #cdf3ff; }
 
	#contentzonebox {
	background-color: #CDF3FF; 
	background-image: url("images/grandparentsgrandchildren.jpg");
	background-repeat: no-repeat; 
	font-size: large;
	height: 900px;
	padding: 10px; }
 
	#titlebox { }
 
	#relevantimagebox {
	margin: 3px 3px auto auto; 
	width: 170px;
	height: 180px;
	position: relative;
	right: 3px; }
 
	#solutionbox { 
	width: 300px;
	position: relative;
	top: -200px;
	padding: 0px 10px 0px 10px;
	background-color: #ffffff; 
	opacity:0.4;
	border-radius: 15px;
	border: 0px solid black; }
 
	#wiifmbox { 
	background-color: #ffffff; 
	width: 400px;
	position: relative;
	top: 50px;
	border: 1px solid #b899c8;
	border-radius: 15px; }
 
	#requestbox {
	position: relative;
	font-size: small;
	bottom: 200px;
	float: right;
	width: 200px;
	height: 375px;
	padding: 2px 3px 2px 15px;
	margin: 0px 3px 3px 3px;
	background-color: #fff2e5;
	border: 1px solid #fff2e5; 
	border-radius: 15px }
 
 
</style>
 
</head>
 
 
<body>
 
<div id='canvas'>
 
	<div id='titlebox'><h1>Private Mortgage Lender Deal&nbsp;Zone</h1></div>
 
	<div id='contentzonebox'>
 
	<div id='relevantimagebox'><image src="images/house.jpg"></div>
 
	<div id='solutionbox'>
		<p>Work your money <strong><u>smarter</strong></u> as a private mortgage lender!</p>
		<p>Lend at 7-15% interest!</p>
		<p>Find opportunities here</p>
	</div><!--solutionbox>
 
	<div id='wiifmbox'>
		<ul>
		<li style="list-style-image: url(images/listmarker.jpg); margin-bottom:10px">Enjoy <strong><u>peace of mind</strong></u> through property-secured investing in private mortgages</li>
		<li style="list-style-image: url(images/listmarker.jpg); margin-bottom:10px">Achieve your <strong><u>retirement goals</strong></u> with wealth building profits that capture the power of compounding</li>
		<li style="list-style-image: url(images/listmarker.jpg); margin-bottom:10px">Become the banker and choose the mortgages that are <strong><u>right for you</strong></u> to finance on a no-obligation basis</li>
		<li style="list-style-image: url(images/listmarker.jpg)">Earn <strong><u>monthly cash flow</strong></u> from your investments</li>
		</u>
	</div><!--wiifmbox>
 
<div id='requestbox'>
<p>Apply <strong><u>now</strong></u> for a<br>
<strong><u>free</strong></u> phone consultation<br>
on how private mortgage investing is <strong><u>right for you</u></strong>
  <script src='scripts/sfm_moveable_popup.js' type='text/javascript'></script>
      <script src='scripts/sfm-png-fix.js' type='text/javascript'></script>
      <link rel='stylesheet' type='text/css' href='style/Callback.css'/>
      <form id='Callback' method='post' action='callback_processor.php' accept-charset='UTF-8'>
         <div id='Callback_errorloc' class='error_strings' style='width:476px;text-align:left'></div>
         <div id='Callback_outer_div' style='width:476px;height:27px'>
            <div style='position:relative' id='Callback_inner_div'>
               <input type='hidden' name='sfm_form_submitted' value='yes'/>
               <input type='hidden' name='page' value= '<?php echo $filename ?>' />
	       <input type='hidden' name='nextpage' value= '<?php echo $absolute_page_address ?>' />
 
	       <div id='Name_container'>
		  Name<br>
                  <input type='text' name='name' id='Name' value='' size='20' class='sfm_textbox'/>
               </div>
 
               <div id='Phone_container'>
		  <br>Phone number<br>
                  <input type='text' name='phone' id='Phone' value='' size='20' class='sfm_textbox'/>
               </div>
 
               <div id='When_container'>
		  <br>Best time to call<br>
                  <input type='text' name='when' id='When' value='' size='20' class='sfm_textbox'/>
               </div>
 
               <div id='Submit_container'>
		  <br>
                  <input type='image' name='Submit' id='Callback_Submit_img' src='images/Callback-Submit-1.jpg' alt='submit'/>
               </div>
 
            </div><!--Callback_inner_div>
         </div><!--Callback_outer_div>
      </form>
      <script type='text/javascript'>
// <![CDATA[
sfm_fix_png("Callback_Submit_img","images/spacer.gif");
if(document.sfm_after_load != undefined){document.sfm_after_load();}
 
// ]]>
      </script>
      <script type='text/javascript'>
// <![CDATA[
var CallbackValidator = new Validator("Callback");
 
CallbackValidator.EnableOnPageErrorDisplay();
CallbackValidator.SetMessageDisplayPos("right");
CallbackValidator.EnableMsgsTogether();
CallbackValidator.addValidation("Name","req","Please fill in Name");
CallbackValidator.addValidation("Phone","req","Please fill in Name");
CallbackValidator.addValidation("Phone","regexp=(?:[\\(][0-9]{3}[\\)]|[0-9]{3})[-. ]?[0-9]{3}[-. ]?[0-9]{4}$","Please enter a valid input for Phone");
CallbackValidator.addValidation("When","req","Please fill in When to call");
 
// ]]>
	</script>
 
</div><!--requestbox>
</div><!--contentzonebox>
</div><!--canvas>
 
</body>
</html>

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 day 1 hour ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9772
Points: 3854

Comments

You failed to terminate your comments. Everything from <!--solutionbox> until the end is in comment. There are subsequent comments with the same error. I have no clue why IE would show that part, except that it's an IE bug.

Comments are terminated by two hyphens, like so: <!--solutionbox -->.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Newbie Paul
Newbie Paul's picture
Offline
newbie
Last seen: 7 years 35 weeks ago
Timezone: GMT-5
Joined: 2013-02-14
Posts: 4
Points: 8

Thanks Gary. As a newbie, I

Thanks Gary. As a newbie, I figured I had made a bone-headedly simple error.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 day 1 hour ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9772
Points: 3854

Idiot savants

Computers are very good at doing what you tell them, but damned stupid when it comes to doing what you mean. Wink

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.