This is just a general question. I had a website designed that contained 6 different pages. 4 of the 6 pages had a "subscribe" text field and button to sign up for a mailing list and the other 2 pages did not. The 4 pages that had this subscribe text field would shift to the left, the other 2 pages showed up normally. What would cause an issue like this? The only difference between the two pages is that one page (the page that shifts to the left) contains a "Subscribe" field in the right column.
I've attached the source code of the one that is correct and the page that shifts below:
Thanks for any help you can provide.
-----------DOESN'T SHIFT---------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Welcome</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/welcome.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="favicon.ico" >
<body>
<!-- Top header Starts Here! -->
<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#003A69"><img src="images/spc.gif" width="1" height="5"></td>
</tr>
</table>
<table width="832" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/spc.gif" width="1" height="20"></td>
</tr>
</table>
<table width="832" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="71" background="images/line-bg.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="208"><a href="index.htm"><img src="images/logo.gif" alt="Logo" width="208" height="71" border="0"></a></td>
<td width="624" align="right">
<table width="50%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40%"><div align="right"><img src="images/top-links.gif" width="283" height="18" border="0" usemap="#Map"></div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="832" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/spc.gif" width="1" height="30"></td>
</tr>
</table>
<table width="832" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="666" valign="top">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="666" bgcolor="#000000"><img src="images/top-navigations-bar.gif" width="666" height="40" border="0" usemap="#Map2"></td>
</tr>
</table>
<br>
<br>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/about-maintitle.gif" width="589" height="77"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="5" cellpadding="5">
<tr>
<td class="bodytext"><p>This is sample text.</p></td>
</tr>
</table></td>
<td width="1" valign="top"><img src="images/spc.gif" width="1" height="1"></td>
<td width="165" valign="top" bgcolor="#000000"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#000000"><div align="center"><img src="images/about-ban.gif" width="164" height="678"></div></td>
</tr>
</table></td>
</tr>
</table>
<table width="832" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/spc.gif" width="1" height="33"></td>
</tr>
</table>
<table width="900" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="328" height="20" align="right" bgcolor="#000000" class="whitetext2a">This is sample text</td>
<td> </td>
</tr>
</table>
</div>
<map name="Map">
<area shape="rect" coords="1,2,101,15" href="#">
<area shape="rect" coords="111,1,182,17" href="#">
<area shape="rect" coords="189,2,283,21" href="#">
</map>
<map name="Map2">
<area shape="rect" coords="22,6,96,33" href="about-us.htm">
<area shape="rect" coords="146,5,260,36" href="our-philosohpy.htm">
<area shape="rect" coords="307,4,375,36" href="services.htm">
<area shape="rect" coords="415,4,509,39" href="op_source.htm">
<area shape="rect" coords="553,4,645,35" href="contact.htm">
</map>
-----------PAGE THAT SHIFTS------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Welcome</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/welcome.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="favicon.ico" >
<body>
<!-- Top header Starts Here! -->
<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#003A69"><img src="images/spc.gif" width="1" height="5"></td>
</tr>
</table>
<table width="832" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/spc.gif" width="1" height="20"></td>
</tr>
</table>
<table width="832" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="71" background="images/line-bg.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="208"><a href="index.htm"><img src="images/logo.gif" alt="Logo" width="208" height="71" border="0"></a></td>
<td width="624" align="right">
<table width="50%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40%"><div align="right"><img src="images/top-links.gif" width="283" height="18" border="0" usemap="#Map"></div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="832" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/spc.gif" width="1" height="30"></td>
</tr>
</table>
<table width="832" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="666" valign="top">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="666" bgcolor="#000000"><img src="images/top-navigations-bar.gif" width="666" height="40" border="0" usemap="#Map2"></td>
</tr>
</table>
<br>
<br>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/philo-maintitle.gif" width="612" height="69"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="5" cellpadding="5">
<tr>
<td class="bodytext"><p>This is sample text.</p></td>
</tr>
</table></td>
<td width="1" valign="top"><img src="images/spc.gif" width="1" height="1"></td>
<td width="165" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#000000"><div align="center"><img src="images/our-philp-ban.gif" width="158" height="381"></div></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td><div align="center"><img src="images/subscribe.gif" width="163" height="91"></div></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td width="65%" align="right">
<input name="textfield" type="text" value="Email" size="10">
</td>
<td width="35%"><input name="imageField" type="image" src="images/send-but1.gif" width="45" height="25" border="0"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td><div align="center"><img src="images/subscribe1.gif" width="163" height="25"></div></td>
</tr>
</table>
</td>
</tr>
</table>
<table width="832" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/spc.gif" width="1" height="33"></td>
</tr>
</table>
<table width="900" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="328" height="20" align="right" bgcolor="#000000" class="whitetext2a">Management
Principles</td>
<td> </td>
</tr>
</table>
</div>
<map name="Map">
<area shape="rect" coords="1,2,101,15" href="#">
<area shape="rect" coords="111,1,182,17" href="#">
<area shape="rect" coords="189,2,283,21" href="#">
</map>
<map name="Map2">
<area shape="rect" coords="22,6,96,33" href="about-us.htm">
<area shape="rect" coords="146,5,260,36" href="our-philosohpy.htm">
<area shape="rect" coords="307,4,375,36" href="services.htm">
<area shape="rect" coords="415,4,509,39" href="op_source.htm">
<area shape="rect" coords="553,4,645,35" href="contact.htm">
</map>
I've attached the source code of the one that is correct and the page that shifts below:
Thanks for any help you can provide.
-----------DOESN'T SHIFT---------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Welcome</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/welcome.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="favicon.ico" >
<body>
<!-- Top header Starts Here! -->
<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#003A69"><img src="images/spc.gif" width="1" height="5"></td>
</tr>
</table>
<table width="832" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/spc.gif" width="1" height="20"></td>
</tr>
</table>
<table width="832" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="71" background="images/line-bg.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="208"><a href="index.htm"><img src="images/logo.gif" alt="Logo" width="208" height="71" border="0"></a></td>
<td width="624" align="right">
<table width="50%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40%"><div align="right"><img src="images/top-links.gif" width="283" height="18" border="0" usemap="#Map"></div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="832" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/spc.gif" width="1" height="30"></td>
</tr>
</table>
<table width="832" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="666" valign="top">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="666" bgcolor="#000000"><img src="images/top-navigations-bar.gif" width="666" height="40" border="0" usemap="#Map2"></td>
</tr>
</table>
<br>
<br>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/about-maintitle.gif" width="589" height="77"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="5" cellpadding="5">
<tr>
<td class="bodytext"><p>This is sample text.</p></td>
</tr>
</table></td>
<td width="1" valign="top"><img src="images/spc.gif" width="1" height="1"></td>
<td width="165" valign="top" bgcolor="#000000"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#000000"><div align="center"><img src="images/about-ban.gif" width="164" height="678"></div></td>
</tr>
</table></td>
</tr>
</table>
<table width="832" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/spc.gif" width="1" height="33"></td>
</tr>
</table>
<table width="900" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="328" height="20" align="right" bgcolor="#000000" class="whitetext2a">This is sample text</td>
<td> </td>
</tr>
</table>
</div>
<map name="Map">
<area shape="rect" coords="1,2,101,15" href="#">
<area shape="rect" coords="111,1,182,17" href="#">
<area shape="rect" coords="189,2,283,21" href="#">
</map>
<map name="Map2">
<area shape="rect" coords="22,6,96,33" href="about-us.htm">
<area shape="rect" coords="146,5,260,36" href="our-philosohpy.htm">
<area shape="rect" coords="307,4,375,36" href="services.htm">
<area shape="rect" coords="415,4,509,39" href="op_source.htm">
<area shape="rect" coords="553,4,645,35" href="contact.htm">
</map>
-----------PAGE THAT SHIFTS------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Welcome</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/welcome.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="favicon.ico" >
<body>
<!-- Top header Starts Here! -->
<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#003A69"><img src="images/spc.gif" width="1" height="5"></td>
</tr>
</table>
<table width="832" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/spc.gif" width="1" height="20"></td>
</tr>
</table>
<table width="832" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="71" background="images/line-bg.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="208"><a href="index.htm"><img src="images/logo.gif" alt="Logo" width="208" height="71" border="0"></a></td>
<td width="624" align="right">
<table width="50%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40%"><div align="right"><img src="images/top-links.gif" width="283" height="18" border="0" usemap="#Map"></div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="832" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/spc.gif" width="1" height="30"></td>
</tr>
</table>
<table width="832" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="666" valign="top">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="666" bgcolor="#000000"><img src="images/top-navigations-bar.gif" width="666" height="40" border="0" usemap="#Map2"></td>
</tr>
</table>
<br>
<br>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/philo-maintitle.gif" width="612" height="69"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="5" cellpadding="5">
<tr>
<td class="bodytext"><p>This is sample text.</p></td>
</tr>
</table></td>
<td width="1" valign="top"><img src="images/spc.gif" width="1" height="1"></td>
<td width="165" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#000000"><div align="center"><img src="images/our-philp-ban.gif" width="158" height="381"></div></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td><div align="center"><img src="images/subscribe.gif" width="163" height="91"></div></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td width="65%" align="right">
<input name="textfield" type="text" value="Email" size="10">
</td>
<td width="35%"><input name="imageField" type="image" src="images/send-but1.gif" width="45" height="25" border="0"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td><div align="center"><img src="images/subscribe1.gif" width="163" height="25"></div></td>
</tr>
</table>
</td>
</tr>
</table>
<table width="832" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/spc.gif" width="1" height="33"></td>
</tr>
</table>
<table width="900" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="328" height="20" align="right" bgcolor="#000000" class="whitetext2a">Management
Principles</td>
<td> </td>
</tr>
</table>
</div>
<map name="Map">
<area shape="rect" coords="1,2,101,15" href="#">
<area shape="rect" coords="111,1,182,17" href="#">
<area shape="rect" coords="189,2,283,21" href="#">
</map>
<map name="Map2">
<area shape="rect" coords="22,6,96,33" href="about-us.htm">
<area shape="rect" coords="146,5,260,36" href="our-philosohpy.htm">
<area shape="rect" coords="307,4,375,36" href="services.htm">
<area shape="rect" coords="415,4,509,39" href="op_source.htm">
<area shape="rect" coords="553,4,645,35" href="contact.htm">
</map>