• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 396
  • Last Modified:

spacing with CSS and javascript and IE8

On these two pages the top menu is spaced differently. The problem only appears in IE 8.

http://www.resumesummit.com/join.php   <<<<<< spaced to the left
http://www.resumesummit.com/join2.php   <<<<correct

the only difference is the addition of this line at the beginning of join2.php

    <script language="JavaScript">

</script>

why is join2.php displaying properly and join.pho is spaced to the right? I've inclduded code for both pages. Thank you for any help.
join.php:


<? session_start();
$id=$_SESSION["id"];
require_once("include/globle.php");
if($id!='')
{
    header("location:signin_action.php");
}
else
{ 
    // ###################################################################################
    //  		This file is use to create new user
    // ###################################################################################
    ?>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Best Resume Writing Services Online</title>
<style type="text/css">
<!--
body {
	background-color: #FFFFFF;
}
a:link {
	color: #42A0FF;
}
a:visited {
	color: #42A0FF;
}
a:hover {
	color: #0099FF;
}
a:active {
	color: #0066FF;
}
body,td,th {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	color: #000000;
}
.style14 {font-size: 10px}
-->
</style>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
<!--
.style16 {color: #0000CC}
.style17 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}
.style18 {
	color: #DDFAFB;
	font-size: 10px;
}
.style19 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #dadbda;
}
.style20 {font-family: Arial, Helvetica, sans-serif}
.style21 {font-size: 10}
-->
</style>
</head>

<body leftMargin=0 topMargin=0 marginwidth="0" marginheight="0" onload="MM_preloadImages('new_images/homeon.png','new_images/hire_uson.png','new_images/resume_builderon.png','new_images/loginon.png','new_images/sampleson.png','new_images/abouton.png','new_images/faqon.png','new_images/contacton.png','new_images/GUARANTEED-LOGO[1]on.gif','new_images/parw_logoon.png')">
<? include("maintop2.php");?>
<table width="100%" height="230" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="108" align="center" valign="top"><table width="997" height="224" border="0" background="new_images/header.png">
      <tr>
        <td><div class="header_spacer"><img src="new_images/menu_spacer.png" width="9" height="23" /><a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','new_images/homeon.png',1)"><img src="new_images/homeoff.png" alt="home" name="home" width="45" height="23" border="0" id="home" /></a><img src="new_images/menu_spacer.png" alt="" width="9" height="23" /><a href="submit_paypal_instructions.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('hire us','','new_images/hire_uson.png',1)"><img src="new_images/hire_usoff.png" alt="hire us to write your resume" name="hire us" width="208" height="23" border="0" id="hire us" /></a><img src="new_images/menu_spacer.png" alt="" width="9" height="23" /><a href="http://www.ResumeSummit.com/join.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('start the resume builder','','new_images/resume_builderon.png',1)"><img src="new_images/resume_builderoff.png" alt="start the resume builder" name="start the resume builder" width="158" height="23" border="0" id="start the resume builder" /></a><img src="new_images/menu_spacer.png" alt="" width="9" height="23" /><a href="signin.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('login','','new_images/loginon.png',1)"><img src="new_images/loginoff.png" alt="Login to the Resume Builder" name="login" width="156" height="23" border="0" id="login" /></a><img src="new_images/menu_spacer.png" alt="" width="9" height="23" /><a href="http://www.resumesummit.com/samples.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('samples','','new_images/sampleson.png',1)"><img src="new_images/samplesoff.png" alt="Sample Resumes" name="samples" width="68" height="23" border="0" id="samples" /></a><img src="new_images/menu_spacer.png" alt="" width="9" height="23" /><a href="http://www.ResumeSummit.com/aboutus.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about us','','new_images/abouton.png',1)"><img src="new_images/aboutoff.png" alt="About Resume Summit" name="about us" width="73" height="23" border="0" id="about us" /></a><img src="new_images/menu_spacer.png" alt="" width="9" height="23" /><a href="http://www.ResumeSummit.com/help.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('FAQs','','new_images/faqon.png',1)"><img src="new_images/faqoff.png" alt="Frequently Asked Questions" name="FAQs" width="35" height="23" border="0" id="FAQs" /></a><img src="new_images/menu_spacer.png" alt="" width="9" height="23" /><a href="http://www.ResumeSummit.com/contact.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact','','new_images/contacton.png',1)"><img src="new_images/contactoff.png" alt="Contact Us" name="Contact" width="86" height="23" border="0" id="Contact" /></a><img src="new_images/menu_spacer.png" alt="" width="9" height="23" /></div></td>
      </tr>
    </table>
    </td>
  </tr>
</table>
<table width="100%" border="0" align="center">
  <tr>
    <td><div align="center">
      <table width="968" border="0" align="center" cellpadding="3" cellspacing="3" bgcolor="#FFFFFF">
        <tr>
          <td width="416" height="400" align="left" valign="top"><table width="257" border="0">
            <tr>
              <td width="247"><div align="right"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('parw','','new_images/parw_logoon.png',1)"><img src="new_images/parw_logooff.png" alt="Professional Association of Resume Writers" name="parw" width="179" height="53" border="0" id="parw" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('guarantee','','new_images/GUARANTEED-LOGO[1]on.gif',0)"><img src="new_images/GUARANTEED-LOGO[1].gif" alt="100% satisfaction guarantee" name="guarantee" width="58" height="58" border="0" id="guarantee" /></a><br />
                <br />
              </div>
              
              <table width="234" height="480" border="0" align="center" cellpadding="0" cellspacing="0" background="new_images/navigation_bg.png">
                <tr>
                  <td valign="top"><div class="satsfaction_text">
                      <div align="left"><? include("left.php");?>
                      </div>
                  </div></td>
                </tr>
              </table>
              
              </td>
            </tr>
          </table>            <p align="center"></p></td>
          <td width="531" align="left" valign="top"><table width="687" height="195" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  <td width="687" valign="top"><div class="maintop style19 style20"><strong>CREATE A RESUME BUILDER ACCOUNT</strong></div>
                      <div class="mainmiddle">
                        <div class="alittletotheright">
                        <? require_once("joinmain.php") ;?></div>
                      </div>
                      <div class="mainbottom"></div></td>
                </tr>
              </table>
              <br /></td>
        </tr>
      </table>
    </div></td>
  </tr>
</table>
<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="100%" align="center" valign="top">
    <table width="987" height="47" border="0" background="new_images/footer_bg.png">
  <tr valign="top">
    <td> <div class="footer">
      <div align="center" class="style18">Resume Summit is &copy; 2009. All rights reserved. For site info please contact Elliott Benzle.</div>
    </div></td>
  </tr>
</table>

    <div align="center"></div></td>
  </tr>
</table>
<? include("MainBottom2.php");?>
</body>
</html>
 <? } ?>





Join2.php

<? session_start();
$id=$_SESSION["id"];
require_once("include/globle.php");
if($id!='')
{
    header("location:signin_action.php");
}
else
{ 
    // ###################################################################################
    //  		This file is use to create new user
    // ###################################################################################
    ?>
    
    <script language="JavaScript">

</script>
    
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Best Resume Writing Services Online</title>
<style type="text/css">
<!--
body {
	background-color: #FFFFFF;
}
a:link {
	color: #42A0FF;
}
a:visited {
	color: #42A0FF;
}
a:hover {
	color: #0099FF;
}
a:active {
	color: #0066FF;
}
body,td,th {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	color: #000000;
}
.style14 {font-size: 10px}
-->
</style>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
<!--
.style16 {color: #0000CC}
.style17 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}
.style18 {
	color: #DDFAFB;
	font-size: 10px;
}
.style19 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #dadbda;
}
.style20 {font-family: Arial, Helvetica, sans-serif}
.style21 {font-size: 10}
-->
</style>
</head>

<body leftMargin=0 topMargin=0 marginwidth="0" marginheight="0" onload="MM_preloadImages('new_images/homeon.png','new_images/hire_uson.png','new_images/resume_builderon.png','new_images/loginon.png','new_images/sampleson.png','new_images/abouton.png','new_images/faqon.png','new_images/contacton.png','new_images/GUARANTEED-LOGO[1]on.gif','new_images/parw_logoon.png')">
<? include("maintop2.php");?>
<table width="100%" height="230" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="108" align="center" valign="top"><table width="997" height="224" border="0" background="new_images/header.png">
      <tr>
        <td><div class="header_spacer"><img src="new_images/menu_spacer.png" width="9" height="23" /><a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','new_images/homeon.png',1)"><img src="new_images/homeoff.png" alt="home" name="home" width="45" height="23" border="0" id="home" /></a><img src="new_images/menu_spacer.png" alt="" width="9" height="23" /><a href="submit_paypal_instructions.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('hire us','','new_images/hire_uson.png',1)"><img src="new_images/hire_usoff.png" alt="hire us to write your resume" name="hire us" width="208" height="23" border="0" id="hire us" /></a><img src="new_images/menu_spacer.png" alt="" width="9" height="23" /><a href="http://www.ResumeSummit.com/join.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('start the resume builder','','new_images/resume_builderon.png',1)"><img src="new_images/resume_builderoff.png" alt="start the resume builder" name="start the resume builder" width="158" height="23" border="0" id="start the resume builder" /></a><img src="new_images/menu_spacer.png" alt="" width="9" height="23" /><a href="signin.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('login','','new_images/loginon.png',1)"><img src="new_images/loginoff.png" alt="Login to the Resume Builder" name="login" width="156" height="23" border="0" id="login" /></a><img src="new_images/menu_spacer.png" alt="" width="9" height="23" /><a href="http://www.resumesummit.com/samples.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('samples','','new_images/sampleson.png',1)"><img src="new_images/samplesoff.png" alt="Sample Resumes" name="samples" width="68" height="23" border="0" id="samples" /></a><img src="new_images/menu_spacer.png" alt="" width="9" height="23" /><a href="http://www.ResumeSummit.com/aboutus.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about us','','new_images/abouton.png',1)"><img src="new_images/aboutoff.png" alt="About Resume Summit" name="about us" width="73" height="23" border="0" id="about us" /></a><img src="new_images/menu_spacer.png" alt="" width="9" height="23" /><a href="http://www.ResumeSummit.com/help.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('FAQs','','new_images/faqon.png',1)"><img src="new_images/faqoff.png" alt="Frequently Asked Questions" name="FAQs" width="35" height="23" border="0" id="FAQs" /></a><img src="new_images/menu_spacer.png" alt="" width="9" height="23" /><a href="http://www.ResumeSummit.com/contact.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact','','new_images/contacton.png',1)"><img src="new_images/contactoff.png" alt="Contact Us" name="Contact" width="86" height="23" border="0" id="Contact" /></a><img src="new_images/menu_spacer.png" alt="" width="9" height="23" /></div></td>
      </tr>
    </table>
    </td>
  </tr>
</table>
<table width="100%" border="0" align="center">
  <tr>
    <td><div align="center">
      <table width="968" border="0" align="center" cellpadding="3" cellspacing="3" bgcolor="#FFFFFF">
        <tr>
          <td width="416" height="400" align="left" valign="top"><table width="257" border="0">
            <tr>
              <td width="247"><div align="right"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('parw','','new_images/parw_logoon.png',1)"><img src="new_images/parw_logooff.png" alt="Professional Association of Resume Writers" name="parw" width="179" height="53" border="0" id="parw" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('guarantee','','new_images/GUARANTEED-LOGO[1]on.gif',0)"><img src="new_images/GUARANTEED-LOGO[1].gif" alt="100% satisfaction guarantee" name="guarantee" width="58" height="58" border="0" id="guarantee" /></a><br />
                <br />
              </div>
              
              <table width="234" height="480" border="0" align="center" cellpadding="0" cellspacing="0" background="new_images/navigation_bg.png">
                <tr>
                  <td valign="top"><div class="satsfaction_text">
                      <div align="left"><? include("left.php");?>
                      </div>
                  </div></td>
                </tr>
              </table>
              
              </td>
            </tr>
          </table>            <p align="center"></p></td>
          <td width="531" align="left" valign="top"><table width="687" height="195" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  <td width="687" valign="top"><div class="maintop style19 style20"><strong>CREATE A RESUME BUILDER ACCOUNT</strong></div>
                      <div class="mainmiddle">
                        <div class="alittletotheright">
                        <? require_once("joinmain.php") ;?></div>
                      </div>
                      <div class="mainbottom"></div></td>
                </tr>
              </table>
              <br /></td>
        </tr>
      </table>
    </div></td>
  </tr>
</table>
<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="100%" align="center" valign="top">
    <table width="987" height="47" border="0" background="new_images/footer_bg.png">
  <tr valign="top">
    <td> <div class="footer">
      <div align="center" class="style18">Resume Summit is &copy; 2009. All rights reserved. For site info please contact Elliott Benzle.</div>
    </div></td>
  </tr>
</table>

    <div align="center"></div></td>
  </tr>
</table>
<? include("MainBottom2.php");?>
</body>
</html>
 <? } ?>

Open in new window

0
elliottbenzle
Asked:
elliottbenzle
1 Solution
 
seandolanCommented:
It's probably because your DOCTYPE isn't getting through properly. Test this by putting everything after the DOCTYPE - nothing should go in front.
0
 
vinkrinsCommented:
Hi elliottbenzle,

you left an empty script tag
----------------------------------------------
<script language="JavaScript">

</script>
----------------------------------------------

on http://www.resumesummit.com/join2.php,
nothing should come before the <!DOCTYPE html PUBLIC .... tag in html output

so try stop occurrence of any type code /  text before <!DOCTYPE html PUBLIC .... tag,
your page will be exactly fine as http://www.resumesummit.com/join.php

let me know if there any confusion :)

Vinay
0
 
elliottbenzleAuthor Commented:
thanks for the help
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now