elliottbenzle
asked on
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.
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 © 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 © 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>
<? } ?>
It's probably because your DOCTYPE isn't getting through properly. Test this by putting everything after the DOCTYPE - nothing should go in front.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
thanks for the help