A Small but Strange Problem - Need Help

Question

mattyd 89 Posting Maven

13 Years Ago

Hello.

I am completing work on a commerce website and have noticed a small but strange error that I cannot seem to remedy.

Each page has a footer that contains text; of course, this should align the same on each page view, but the problem is as follows:

Alignment is correct on each page but the index page (please see attached screen shots: the said text is outlined in blue and shows that there is a significant gap above each text element-- but both are different.)

I have tried to determine the problem and have tried to use a CSS workaround but each time it simply extends the length of the index page (and does not fix the error)

I would truly appreciate if someone had the chance to look at this. Thank-you. (code of pages & CSS below)

NOTE: The CSS element for the said text element is <div id="lorem"> and is located at the bottom of both HTML pages.

-Matty

index page

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> 
<head> 
<title>Perola Jewelry</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META NAME="Description" CONTENT="Handmade jewelry, silver and metals/gemstones as well as unique art pieces.">
<meta name="keywords" content="jewelry silver bronze copper gem stones goldfilled art">
<link rel="stylesheet" type="text/css" href="style.css">

<!--[if lte IE 8]>    <link rel="stylesheet" type="text/css" href="ie.css" /><![endif]-->

<link rel="Shortcut Icon" href="/favicon.ico">

<script language="JavaScript" type="text/javascript">
  if (document.images)
   {
     cart =new Image();
     cart.src ="image/other/cart2.png";
   }
function change1(picName,imgName)
 {
   if (document.images)
    {
      imgOn=eval(imgName + ".src");
      document[picName].src= imgOn;
    }
    {
      imgOff=eval(imgName + ".src");
      document[picName].src= imgOff;
    }
 }
</script>
</head> 

<body>

<div id="header">
<img id="headerID" src="image/header.png" alt="Header">
</div>

<div id="box">
<img id="boxID" src="image/box.jpg" alt="Background">
</div>

<div id="diamond">
<img src="image/diamond.png" alt="Diamond">
</div>

<div id="followUs">
<p>Follow us</p>
</div>

<div id="facebook">
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://perola-nyc.com/index.html" layout="button_count" show_faces="false" width="450"></fb:like>
</div>

<div id="twitter">
<a name="twitter_href_name_id" alt="" style="border:0px;" title="twitter buttons" href="http://www.twitterbuttonfactory.com/">
<img src="http://www.social-icons.net/twittericons/16x16_t_2.png" alt="" style="border:0px;"  
border="0"/></a><script type="text/javascript">t="PerolaJewelry";x=document.getElementsByName('twitter_href_name_id');y=new Array
(116,119,105,116,116,101,114,46,99,111,109,47);z='';for(i in y){z+=String.fromCharCode(y[i]);}for(i in x){x[i].href='http://'+z+t;x[i].title="";}
</script>
</div>

<div id="search">
<!-- Bing -->
<meta name="Search.WLSearchBox" content="1.1, en-US" />
<div id="WLSearchBoxDiv">
<table cellpadding="0" cellspacing="0" style="width:140px; height:32px;"><tr id="WLSearchBoxPlaceholder"><td style="width:100%; border:solid 1px #cccccc; border-right-style:none; padding-left:10px; padding-right:10px; vertical-align:middle;"><input id="WLSearchBoxInput" type="text" value="&#x4c;&#x6f;&#x61;&#x64;&#x69;&#x6e;&#x67;&#x2e;&#x2e;&#x2e;" disabled="disabled" style="background-image:url([url]http://www.bing.com/siteowner/s/siteowner/searchbox_background_k.png);[/url] background-position:right; background-repeat:no-repeat; font-family:Arial; font-size:14px; color:#000000; width:100%; border:none 0 transparent;"/></td><td style="border:solid 1px #cccccc; border-left-style:none; padding-left:0px; padding-right:3px;"><input id="WLSearchBoxButton" type="image" src="http://www.bing.com/siteowner/s/siteowner/searchbutton_normal_k.gif" style="border:none 0 transparent; height:24px; width:24px; vertical-align:top;"/></td></tr></table>
	<script type="text/javascript" charset="utf-8">
	var WLSearchBoxConfiguration=
	{
		"global":{
			"serverDNS":"www.bing.com",
			"market":"en-US"
		},
		"appearance":{
			"autoHideTopControl":false,
			"width":800,
			"height":550,
			"theme":"Blue"
		},
		"scopes":[
			{
				"type":"web",
				"caption":"&#x50;&#x65;&#x72;&#x6f;&#x6c;&#x61; &#x4a;&#x65;&#x77;&#x65;&#x6c;&#x72;&#x79;",
				"searchParam":"site:perola-nyc.com"
			}
			,
			{
				"type":"web",
				"caption":"&#x57;&#x65;&#x62;",
				"searchParam":""
			}
		]
	}
	</script>
	<script type="text/javascript" charset="utf-8" src="http://www.bing.com/bootstrap.js?market=en-US&ServId=SearchBox&ServId=SearchBoxWeb&Callback=WLSearchBoxScriptReady"></script>
</div>
</div>
<!-- Bing -->

<div id="cart">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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
OVR3BuGPfBpWWr7fJHh761wTgOFmYYz0A==-----END PKCS7-----
">
<input type="image" src="http://i1232.photobucket.com/albums/ff376/mattyd1000/cart1.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</div>

<div id="home">
&nbsp; |&nbsp; <a href="http://perola-nyc.com/index.html">Home</a>
</div>

<div id="words">
<img src="image/words.jpg" alt="Main Text">
</div>

<div id="button1">
<a href="choose.html" onmouseover="button1.src='image/buttons/b2.jpg';" onmouseout="button1.src='image/buttons/b1.jpg';">
<img name="button1" src="image/buttons/b1.jpg" alt="Button - Shop Jewelry"></a>
</div>

<div id="footer_index">
&copy; Perola 2011 &nbsp; | &nbsp; <a href="jewelry_choose.html">Site Map</a> &nbsp; | &nbsp; <a href="http://5points.110mb.com/">5P Design</a>
</div>

<div id="footerJewelry_index1">
<p>Jewelry</p>
</div>
<div id="footerJewelry_index2">
<p>
<a href="http://perola-nyc.com/new.html">New Pieces</a><br>
<a href="http://perola-nyc.com/rings.html">Rings</a><br>
<a href="http://perola-nyc.com/earrings1.html">Earrings</a><br>
<a href="http://perola-nyc.com/necklaces1.html">Necklaces</a><br>
<a href="http://perola-nyc.com/bracelets.html">Bracelets</a><br>
<a href="http://perola-nyc.com/artpieces.html">Art Pieces</a><br>
</div>

<div id="footerInfo_index1">
<p>Shipping Info</p>
</div>
<div id="footerInfo_index2">
<p>
<a href="http://perola-nyc.com/shipping.html">Shipping & Handling</a><br>
<a href="http://perola-nyc.com/sizechart.html">Ring Sizing Chart</a><br>
</div>

<div id="footerAbout_index1">
<p>More About Perola</p>
</div>
<div id="footerAbout_index2">
<p>
<a href="http://perola-nyc.com/materials.html">Materials</a><br>
<a href="http://perola-nyc.com/bio.html">Bio</a><br>
</div>

<div id="footerContact_index1">
<p>Contact Us</p>
</div>
<div id="footerContact_index2">
<p>
<a href="http://perola-nyc.com/mail.html">Email</a><br>
<a href="http://perola-nyc.com/help.html">Help</a><br>
<a href="http://perola-nyc.com/faq.html">FAQ</a><br>
</div>

<div id="lorem">
<p>Ranging from fine, highly intricate work with precious gems to found objects, natural objects, resin, fibers, photography and other so-called 
"non-precious" materials, I love to mix medias and combine contrasting material such as latex with pearls or diamonds with concrete. Although I 
appreciate traditional precious materials, discarded materials are "precious", also-- precious to the creator and wearer, not to a societal norm. 
I am a collector of found objects whether synthetic or natural; a discarded old button or a cicada's wing. There is a glory in the common place 
often overlooked.</p>
</div>

<div id="paypal_indexPage">
<!-- PayPal Logo --><table cellpadding="10" cellspacing="0" align="center"><tr><td align="center"></td></tr>
<tr><td align="center"><a href="#" onclick="javascript:window.open('https://www.paypal.com/cgi-bin/webscr?cmd=xpt/Marketing/popup/OLCWhatIsPayPal-outside','olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=400, height=350');
"><img  src="https://www.paypal.com/en_US/i/bnr/horizontal_solution_PPeCheck.gif" alt="Solution Graphics"></a></td></tr></table><!-- PayPal Logo -->
</div>

</body> 
</html>

page1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> 
<head> 
<title>Perola Jewelry</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META NAME="Description" CONTENT="Handmade jewelry, silver and metals/gemstones as well as unique art pieces.">
<meta name="keywords" content="jewelry silver bronze copper gem stones goldfilled art">
<link rel="stylesheet" type="text/css" href="style.css">

<!--[if lte IE 8]>    <link rel="stylesheet" type="text/css" href="ie.css" /><![endif]-->

<link rel="Shortcut Icon" href="/favicon.ico">

<script language="JavaScript" type="text/javascript">
  if (document.images)
   {
     image_off=new Image(325,300);
     image_off.src="image/frame.jpg";
     
     image1=new Image(325,300);   
     image1.src="image/art/lArt1.jpg";
     
     image2=new Image(325,300);   
     image2.src="image/art/lArt2.jpg";
     
     image3=new Image(325,300);   
     image3.src="image/art/lArt3.jpg";
     
     image4=new Image(325,300);   
     image4.src="image/art/lArt4.jpg";
     
     image5=new Image(325,300);   
     image5.src="image/art/lArt5.jpg";
     
     image6=new Image(325,300);   
     image6.src="image/art/lArt6.jpg";
   }
function change1(picName,imgName)
 {
   if (document.images)
    {
      imgOn=eval(imgName + ".src");
      document[picName].src= imgOn;
    }
    {
      imgOff=eval(imgName + ".src");
      document[picName].src= imgOff;
    }
 }
</script>
</head> 

<body>

<div id="header">
<img id="headerID" src="image/header.png" alt="Header">
</div>

<div id="box">
<img id="boxID" src="image/noTable_Main.jpg" alt="Background">
</div>

<div id="breadcrumb">
</div>

<div id="search">
<!-- Bing -->
<meta name="Search.WLSearchBox" content="1.1, en-US" />
<div id="WLSearchBoxDiv">
<table cellpadding="0" cellspacing="0" style="width:140px; height:32px;"><tr id="WLSearchBoxPlaceholder"><td style="width:100%; border:solid 1px #cccccc; border-right-style:none; padding-left:10px; padding-right:10px; vertical-align:middle;"><input id="WLSearchBoxInput" type="text" value="&#x4c;&#x6f;&#x61;&#x64;&#x69;&#x6e;&#x67;&#x2e;&#x2e;&#x2e;" disabled="disabled" style="background-image:url(http://www.bing.com/siteowner/s/siteowner/searchbox_background_k.png); background-position:right; background-repeat:no-repeat; font-family:Arial; font-size:14px; color:#000000; width:100%; border:none 0 transparent;"/></td><td style="border:solid 1px #cccccc; border-left-style:none; padding-left:0px; padding-right:3px;"><input id="WLSearchBoxButton" type="image" src="http://www.bing.com/siteowner/s/siteowner/searchbutton_normal_k.gif" style="border:none 0 transparent; height:24px; width:24px; vertical-align:top;"/></td></tr></table>
	<script type="text/javascript" charset="utf-8">
	var WLSearchBoxConfiguration=
	{
		"global":{
			"serverDNS":"www.bing.com",
			"market":"en-US"
		},
		"appearance":{
			"autoHideTopControl":false,
			"width":800,
			"height":550,
			"theme":"Blue"
		},
		"scopes":[
			{
				"type":"web",
				"caption":"&#x50;&#x65;&#x72;&#x6f;&#x6c;&#x61; &#x4a;&#x65;&#x77;&#x65;&#x6c;&#x72;&#x79;",
				"searchParam":"site:perola-nyc.com"
			}
			,
			{
				"type":"web",
				"caption":"&#x57;&#x65;&#x62;",
				"searchParam":""
			}
		]
	}
	</script>
	<script type="text/javascript" charset="utf-8" src="http://www.bing.com/bootstrap.js?market=en-US&ServId=SearchBox&ServId=SearchBoxWeb&Callback=WLSearchBoxScriptReady"></script>
</div>
</div>
<!-- Bing -->

<div id="cart">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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
OVR3BuGPfBpWWr7fJHh761wTgOFmYYz0A==-----END PKCS7-----
">
<input type="image" src="http://i1232.photobucket.com/albums/ff376/mattyd1000/cart1.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</div>

<div id="home">
&nbsp; |&nbsp; <a href="http://perola-nyc.com/index.html">Home</a>
</div>

<div id="frame">
<img alt="" src="image/frame.jpg" width="300" height="325" name="pic1"> 
</div>

<div id="selectImage">
<p>Please click image for more information or to purchase</p>
</div>

<!--Jewelry Thumnails Start-->
<div id="thumb1">
<a href="http://www.perola-nyc.com/ring3.html" onmouseover="change1('pic1', 'image1')" onmouseout="change1('pic1','image_off')"><img alt="Image" src="image/art/thumbs/tArt1.jpg"></a>
</div>

<div id="thumb1_Name">
<p>Newborn Pod</p>
</div>

<div id="thumb1_Price">
<p>Sold</p>
</div>

<div id="thumb2">
<a href="http://www.perola-nyc.com/ring4.html" onmouseover="change1('pic1', 'image2')" onmouseout="change1('pic1','image_off')"><img alt="Image" src="image/art/thumbs/tArt2.jpg"></a>
</div>

<div id="thumb2_Name">
<p>Heart-Ware</p>
</div>

<div id="thumb2_Price">
<p>Sold</p>
</div>

<div id="thumb3">
<a href="http://www.perola-nyc.com/ring5.html" onmouseover="change1('pic1', 'image3')" onmouseout="change1('pic1','image_off')"><img alt="Image" src="image/art/thumbs/tArt3.jpg"></a>
</div>

<div id="thumb3_Name">
<p>Girl Portal</p>
</div>

<div id="thumb3_Price">
<p>Sold</p>
</div>

<div id="thumb4">
<a href="http://www.perola-nyc.com/ring6.html" onmouseover="change1('pic1', 'image4')" onmouseout="change1('pic1','image_off')"><img alt="Image" src="image/art/thumbs/tArt4.jpg"></a>
</div>

<div id="thumb4_Name">
<p>Starwing</p>
</div>

<div id="thumb4_Price">
<p>Sold</p>
</div>

<div id="thumb5">
<a href="http://www.perola-nyc.com/ring7.html" onmouseover="change1('pic1', 'image5')" onmouseout="change1('pic1','image_off')"><img alt="Image" src="image/art/thumbs/tArt5.jpg"></a>
</div>

<div id="thumb5_Name">
<p>Into The Forest</p>
</div>

<div id="thumb5_Price">
<p>$300.00</p>
</div>

<div id="thumb6">
<a href="http://www.perola-nyc.com/ring8.html" onmouseover="change1('pic1', 'image6')" onmouseout="change1('pic1','image_off')"><img alt="Image" src="image/art/thumbs/tArt6.jpg"></a>
</div>

<div id="thumb6_Name">
<p>Gladiator</p>
</div>

<div id="thumb6_Price">
<p>$150.00</p>
</div>
<!--Jewelry Thumnails End-->

<div id="footer">
&copy; Perola 2011 &nbsp; | &nbsp; <a href="jewelry_choose.html">Site Map</a> &nbsp; | &nbsp; <a href="http://5points.110mb.com/">5P Design</a>
</div>

<div id="footerJewelry1">
<p>Jewelry</p>
</div>
<div id="footerJewelry2">
<p>
<a href="http://perola-nyc.com/new.html">New Pieces</a><br>
<a href="http://perola-nyc.com/rings.html">Rings</a><br>
<a href="http://perola-nyc.com/earrings1.html">Earrings</a><br>
<a href="http://perola-nyc.com/necklaces1.html">Necklaces</a><br>
<a href="http://perola-nyc.com/bracelets.html">Bracelets</a><br>
<a href="http://perola-nyc.com/artpieces.html">Art Pieces</a><br>
</div>

<div id="footerInfo1">
<p>Shipping Info</p>
</div>
<div id="footerInfo2">
<p>
<a href="http://perola-nyc.com/shipping.html">Shipping & Handling</a><br>
<a href="http://perola-nyc.com/sizechart.html">Ring Sizing Chart</a><br>
</div>

<div id="footerAbout1">
<p>More About Perola</p>
</div>
<div id="footerAbout2">
<p>
<a href="http://perola-nyc.com/materials.html">Materials</a><br>
<a href="http://perola-nyc.com/bio.html">Bio</a><br>
</div>

<div id="footerContact1">
<p>Contact Us</p>
</div>
<div id="footerContact2">
<p>
<a href="http://perola-nyc.com/mail.html">Email</a><br>
<a href="http://perola-nyc.com/help.html">Help</a><br>
<a href="http://perola-nyc.com/faq.html">FAQ</a><br>
</div>

<div id="lorem">
<p>Ranging from fine, highly intricate work with precious gems to found objects, natural objects, resin, fibers, photography and other so-called 
"non-precious" materials, I love to mix medias and combine contrasting material such as latex with pearls or diamonds with concrete. Although I 
appreciate traditional precious materials, discarded materials are "precious", also-- precious to the creator and wearer, not to a societal norm. 
I am a collector of found objects whether synthetic or natural; a discarded old button or a cicada's wing. There is a glory in the common place 
often overlooked.</p>
</div>

<div id="paypal">
<!-- PayPal Logo --><table cellpadding="10" cellspacing="0" align="center"><tr><td align="center"></td></tr>
<tr><td align="center"><a href="#" onclick="javascript:window.open('https://www.paypal.com/cgi-bin/webscr?cmd=xpt/Marketing/popup/OLCWhatIsPayPal-outside','olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=400, height=350');
"><img  src="https://www.paypal.com/en_US/i/bnr/horizontal_solution_PPeCheck.gif" alt="Solution Graphics"></a></td></tr></table><!-- PayPal Logo -->
</div>

</body> 
</html>

CSS

a:link{color:#000000; text-decoration:none;}
a:visited{color:#3E4548; text-decoration:none;}
a:hover{color:#0C4748; text-decoration:none;}
a:active{color:#000405; text-decoration:none;}
body{
  margin:0;
  height:100%;
  width:100%;
  background-color:#FFFFFF;
}
img{
  border-width:0;
  vertical-align:top;
}
#header{
  position:absolute;
  font-size:10px;
  z-index:1;
  left:200px;
  top:19px;
}
#box{
  position:absolute;
  font-size:10px;
  z-index:1;
  left:200px;
  top:136px;
  padding: 0px 0px 20px 0px;
}
#breadcrumb{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:14px;
  z-index:1;
  left:569px;
  top:142px;  
}
#cart{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  z-index:1;
  left:800px;
  top:151px;
 }
#home{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:14px;
  z-index:1;
  left:825px;
  top:156px; 
}
#help_Text{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:9px;
  color:#000000;
  text-align:justify;
  z-index:1;
  left:550px;
  top:200px;
  width:440px;
  height:25px;
}
#bio{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:10px;
  color:#000000;
  text-align:justify;
  z-index:1;
  left:550px;
  top:185px;
  width:440px;
  height:25px;
}
#materials{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:12px;
  color:#000000;
  text-align:justify;
  z-index:1;
  left:550px;
  top:200px;
  width:440px;
  height:25px;
}
#shipping{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:9px;
  color:#000000;
  text-align:justify;
  z-index:1;
  left:550px;
  top:200px;
  width:440px;
  height:25px;
}
#words{
  position:absolute;
  z-index:1;
  left:390px;
  top:190px; 
}
#button1{
  position:absolute;
  z-index:1;
  left:220px;
  top:195px; 
}
#button2{
  position:absolute;
  z-index:1;
  left:220px;
  top:256px;
}
#button3{
  position:absolute;
  font-size:10px;
  z-index:1;
  left:220px;
  top:317px;
}
#frame{
  position:absolute;
  font-size:10px;
  z-index:1;
  left:220px;
  top:195px;
}
#selectImage{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  font-weight:bold;
  z-index:1;
  left:570px;
  top:185px;
}
/* Thumbnails */
#thumb1{
  position:absolute;
  font-size:10px;
  z-index:1;
  left:570px;
  top:220px;
}
#thumb1_Name{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:10px;
  z-index:1;
  left:570px;
  top:335px;	
}
#thumb1_Price{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:10px;
  z-index:1;
  left:570px;
  top:345px;
}
#thumb2{
  position:absolute;
  font-size:10px;
  z-index:1;
  left:710px;
  top:220px;
}
#thumb2_Name{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:10px;
  z-index:1;
  left:710px;
  top:335px;	
}
#thumb2_Price{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:10px;
  z-index:1;
  left:710px;
  top:345px;
}
#thumb3{
  position:absolute;
  font-size:10px;
  z-index:1;
  left:850px;
  top:220px;
}
#thumb3_Name{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:10px;
  z-index:1;
  left:850px;
  top:335px;	
}
#thumb3_Price{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:10px;
  z-index:1;
  left:850px;
  top:345px;
}
#thumb4{
  position:absolute;
  font-size:10px;
  z-index:1;
  left:570px;
  top:380px;
}
#thumb4_Name{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:10px;
  z-index:1;
  left:570px;
  top:495px;	
}
#thumb4_Price{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:10px;
  z-index:1;
  left:570px;
  top:505px;
}
#thumb5{
  position:absolute;
  font-size:10px;
  z-index:1;
  left:710px;
  top:380px;
}
#thumb5_Name{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:10px;
  z-index:1;
  left:710px;
  top:495px;	
}
#thumb5_Price{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:10px;
  z-index:1;
  left:710px;
  top:505px;
}
#thumb6{
  position:absolute;
  font-size:10px;
  z-index:1;
  left:850px;
  top:380px;
}
#thumb6_Name{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:10px;
  z-index:1;
  left:850px;
  top:495px;	
}
#thumb6_Price{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:10px;
  z-index:1;
  left:850px;
  top:505px;
}
#sizeChartHeader{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:9px;
  font-weight:bold;
  color:#000000;
  text-align:justify;
  z-index:1;
  left:550px;
  top:200px;
  width:450px;
  height:25px;
}
#sizeChartText{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:9px;
  color:#000000;
  text-align:justify;
  z-index:1;
  left:550px;
  top:220px;
  width:450px;
  height:25px;
}
#sizeChart{
  position:absolute;
  font-size:10px;
  font-family:Arial,Georgia,Sans-Serif;
  z-index:1;
  left:560px;
  top:300px;
}
#mapLabel1{
  position:absolute;
  font-size:10px;
  font-weight:bold;
  text-decoration: underline;
  font-family:Arial,Georgia,Sans-Serif;
  z-index:1;
  left:385px;
  top:200px;
}
#jewelryList{
  position:absolute;
  font-size:10px;
  font-family:Arial,Georgia,Sans-Serif;
  z-index:1;
  left:360px;
  top:225px;
}
#mapLabel2{
  position:absolute;
  font-size:10px;
  font-weight:bold;
  text-decoration: underline;
  font-family:Arial,Georgia,Sans-Serif;
  z-index:1;
  left:585px;
  top:200px;
}
#shippingList{
  position:absolute;
  font-size:10px;
  font-family:Arial,Georgia,Sans-Serif;
  z-index:1;
  left:560px;
  top:225px;
}
#mapLabel3{
  position:absolute;
  font-size:10px;
  font-weight:bold;
  text-decoration: underline;
  font-family:Arial,Georgia,Sans-Serif;
  z-index:1;
  left:385px;
  top:325px;
}
#perolaList{
  position:absolute;
  font-size:10px;
  font-family:Arial,Georgia,Sans-Serif;
  z-index:1;
  left:360px;
  top:350px;
}
#mapLabel4{
  position:absolute;
  font-size:10px;
  font-weight:bold;
  text-decoration: underline;
  font-family:Arial,Georgia,Sans-Serif;
  z-index:1;
  left:585px;
  top:325px;
}
#contactList{
  position:absolute;
  font-size:10px;
  font-family:Arial,Georgia,Sans-Serif;
  z-index:1;
  left:560px;
  top:350px;
}
#mapLabel5{
  position:absolute;
  font-size:10px;
  font-weight:bold;
  text-decoration: underline;
  font-family:Arial,Georgia,Sans-Serif;
  z-index:1;
  left:385px;
  top:400px;
}
#otherList{
  position:absolute;
  font-size:10px;
  font-family:Arial,Georgia,Sans-Serif;
  z-index:1;
  left:360px;
  top:425px;
}
#diamond{
  position:absolute;
  font-size:10px;
  z-index:1;
  left:803px;
  top:563px;
}
#followUs{
  position:absolute;
  font-size:11px;
  font-weight:bold;
  color:#FFFFFF;
  font-family:Arial,Georgia,Sans-Serif;
  z-index:1;
  left:815px;
  top:563px;
}
#facebook{
  position:absolute;
  font-size:10px;
  z-index:1;
  left:898px;
  top:571px;
}
#twitter{
  position:absolute;
  font-size:10px;
  z-index:1;
  left:970px;
  top:572px;
}
#search{
  position:absolute;
  font-size:10px;
  z-index:1;
  left:890px;
  top:147px;
}
#siteMapBox{
  position:absolute;
  z-index:1;
  left:370px;
  top:205px;
}
/* FAQ */
#faqQuestion1{
  position:absolute;
  font-size:10px;
  font-family:Arial,Georgia,Sans-Serif;
  font-weight:bold;
  z-index:1;
  left:560px;
  top:220px;
}
#faqAnswer1{
  position:absolute;
  font-size:10px;
  font-family:Arial,Georgia,Sans-Serif;
  z-index:1;
  left:560px;
  top:240px;
}
#faqQuestion2{
  position:absolute;
  font-size:10px;
  font-family:Arial,Georgia,Sans-Serif;
  font-weight:bold;
  z-index:1;
  left:560px;
  top:280px;
}
#faqAnswer2{
  position:absolute;
  font-size:10px;
  font-family:Arial,Georgia,Sans-Serif;
  z-index:1;
  left:560px;
  top:300px;
}
#faqQuestion3{
  position:absolute;
  font-size:10px;
  font-family:Arial,Georgia,Sans-Serif;
  font-weight:bold;
  z-index:1;
  left:560px;
  top:340px;
}
#faqAnswer3{
  position:absolute;
  font-size:10px;
  font-family:Arial,Georgia,Sans-Serif;
  z-index:1;
  left:560px;
  top:360px;
}
/* For Regular Page(s)*/
#footer{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  z-index:1;
  left:830px;
  top:675px;
}
#footer_index{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  z-index:1;
  left:830px;
  top:692px;
}
#footerJewelry1{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  font-weight:bold;
  z-index:1;
  left:200px;
  top:590px;
}
#footerJewelry2{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  z-index:1;
  left:200px;
  top:610px;
}
#footerJewelry3{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  font-weight:bold;
  z-index:1;
  left:200px;
  top:745px;
}
#footerJewelry4{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  z-index:1;
  left:200px;
  top:765px;
}
#footerJewelry_index1{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  font-weight:bold;
  z-index:1;
  left:200px;
  top:607px;
}
#footerJewelry_index2{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  z-index:1;
  left:200px;
  top:627px;
}
#footerInfo1{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-weight:bold;
  font-size:11px;
  z-index:1;
  left:270px;
  top:590px;
}
#footerInfo2{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  z-index:1;
  left:270px;
  top:610px;
}
#footerInfo3{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-weight:bold;
  font-size:11px;
  z-index:1;
  left:270px;
  top:745px;
}
#footerInfo4{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  z-index:1;
  left:270px;
  top:765px;
}
#footerInfo_index1{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-weight:bold;
  font-size:11px;
  z-index:1;
  left:270px;
  top:607px;
}
#footerInfo_index2{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  z-index:1;
  left:270px;
  top:627px;
}
#footerAbout1{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-weight:bold;
  font-size:11px;
  z-index:1;
  left:395px;
  top:590px;
}
#footerAbout2{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  z-index:1;
  left:395px;
  top:610px;
}
#footerAbout3{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-weight:bold;
  font-size:11px;
  z-index:1;
  left:395px;
  top:745px;
}
#footerAbout4{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  z-index:1;
  left:395px;
  top:765px;
}
#footerAbout_index1{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-weight:bold;
  font-size:11px;
  z-index:1;
  left:395px;
  top:607px;
}
#footerAbout_index2{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  z-index:1;
  left:395px;
  top:627px;
}
#footerContact1{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-weight:bold;
  font-size:11px;
  z-index:1;
  left:520px;
  top:590px;
}
#footerContact2{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  z-index:1;
  left:520px;
  top:610px;
}
#footerContact3{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-weight:bold;
  font-size:11px;
  z-index:1;
  left:520px;
  top:745px;
}
#footerContact4{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  z-index:1;
  left:520px;
  top:765px;
}
#footerContact_index1{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-weight:bold;
  font-size:11px;
  z-index:1;
  left:520px;
  top:607px;
}
#footerContact_index2{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  z-index:1;
  left:520px;
  top:627px;
}
#paypal{
  position:absolute;
  font-size:10px;
  z-index:1;
  left:790px;
  top:560px;
}
#paypal_indexPage{
  position:absolute;
  font-size:10px;
  z-index:1;
  left:790px;
  top:577px;
}
#lorem{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:10px;
  font-style: italic;
  color:#0B3C3C;
  text-align:justify;
  z-index:1;
  left:200px;
  top:720px;
  width:840px;
  height:25px;
}
/* For Large Display Page*/
#largeFrame2{
  position:absolute;
  font-size:10px;
  z-index:1;
  left:220px;
  top:195px;
}
#mag_Icon{
  position:absolute;
  font-size:10px;
  z-index:1;
  left:505px;
  top:504px;
}
#largeName{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:16px;
  font-weight:bold;
  color:#555B51;
  z-index:1;
  left:600px;
  top:185px;
}
#description{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:12px;
  color:#000000;
  text-align:left;
  z-index:1;
  left:600px;
  top:220px;
  width:440px;
  height:25px;
}
#largeSKU{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:12px;
  color:#000000;
  z-index:1;
  left:600px;
  top:320px;
}
#largeName2{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:12px;
  color:#000000;
  z-index:1;
  left:675px;
  top:320px;
}
#largePrice{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:12px;
  color:#000000;
  z-index:1;
  left:940px;
  top:320px;
}
#sold{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:12px;
  font-weight:bold;
  color:#F1051B;
  z-index:1;
  left:940px;
  top:320px;
}
#previousPrice{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:12px;
  color:#000000;
  z-index:1;
  left:940px;
  top:340px;
}
#size{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:12px;
  color:#000000;
  z-index:1;
  left:675px;
  top:345px;
}
#checkbox{
  position:absolute;
  z-index:1;
  left:600px;
  top:440px;
}
#gift{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:12px;
  color:#555B51;
  z-index:1;
  left:625px;
  top:427px;
}
#giftbox{
  position:absolute;
  z-index:1;
  left:875px;
  top:435px;
}
#inStock{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:12px;
  color:#555B51;
  z-index:1;
  left:625px;
  top:475px;
}
#divider{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:12px;
  color:#555B51;
  z-index:1;
  left:600px;
  top:500px;
}
#addToCart{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:12px;
  color:#555B51;
  z-index:1;
  left:890px;
  top:540px;
}
#views{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  color:#5B5254;
  z-index:1;
  left:234px;
  top:543px;
}
#miniThumb1{
  position:absolute;
  font-size:10px;
  z-index:1;
  left:220px;
  top:575px;
}
#miniThumb2{
  position:absolute;
  font-size:10px;
  z-index:1;
  left:330px;
  top:575px;
}
#miniThumb3{
  position:absolute;
  font-size:10px;
  z-index:1;
  left:440px;
  top:575px;
}
#footer_Large{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  z-index:1;
  left:830px;
  top:830px;
}
#footerJewelry_Large1{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  font-weight:bold;
  z-index:1;
  left:200px;
  top:745px;
}
#footerJewelry_Large2{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  z-index:1;
  left:200px;
  top:765px;
}
#footerInfo_Large1{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-weight:bold;
  font-size:11px;
  z-index:1;
  left:270px;
  top:745px;
}
#footerInfo_Large2{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  z-index:1;
  left:270px;
  top:765px;
}
#footerAbout_Large1{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-weight:bold;
  font-size:11px;
  z-index:1;
  left:395px;
  top:745px;
}
#footerAbout_Large2{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  z-index:1;
  left:395px;
  top:765px;
}
#footerContact_Large1{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-weight:bold;
  font-size:11px;
  z-index:1;
  left:520px;
  top:745px;
}
#footerContact_Large2{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:11px;
  z-index:1;
  left:520px;
  top:765px;
}
#paypal_Large{
  position:absolute;
  font-size:10px;
  z-index:1;
  left:790px;
  top:715px;
}
#lorem_Large{
  position:absolute;
  font-family:Arial,Georgia,Sans-Serif;
  font-size:10px;
  font-style: italic;
  color:#0B3C3C;
  text-align:justify;
  z-index:1;
  left:200px;
  top:875px;
  width:840px;
  height:25px;
}
#nextEarrings{
  position:absolute;
  z-index:1;
  left:850px;
  top:530px;
}
#nextNecklaces{
  position:absolute;
  z-index:1;
  left:850px;
  top:530px;
}

web-design

2 Contributors
1 Reply
131 Views
14 Hours Discussion Span
Latest Post 13 Years Ago Latest Post by JRM

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

JRM 107 Practically a Master Poster · Answer 1 · 2011-01-24T09:24:51+00:00

line 257 has <p> but no terminating </p>
Stuff like this can cause bizarre effects.