Connecting Tech Pros Worldwide Help | Site Map

Table Offset

 
LinkBack Thread Tools Search this Thread
  #1  
Old June 26th, 2008, 08:41 PM
Newbie
 
Join Date: May 2008
Posts: 5
Default Table Offset

Does anyone know how to get rid of this table offset. I'm using rounded corners and I can't seem to get the bottom to fit together. I've included a picture of the offset and the code. Thanks for your help in advance.

Pic

Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <html><HEAD>
  4. <TITLE>Pine Village Apartments - Lancaster, Ohio</TITLE>
  5. <META name="Hometeam Properties Central Campus Properties" content="Hometeam Properties Central Campus Properties">
  6. <META name="Hometeam Properties Central Campus Properties" content="10+ Persons, Central Campus, $450, $475">
  7. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></HEAD>
  8. <title>Pine Village Apartments - Lancaster, Ohio</title>
  9. <style type="text/css" title="well rounded classes">
  10. .bord { background-color: #E0EFDE;}
  11. .bord .wr_toprow { background: url(image/roundedcornr_858928_r.gif) repeat-x; }
  12. .bord .wr_toprow div { background: url(image/roundedcornr_858928_tl.gif) no-repeat top left; }
  13. .bord .wr_toprow div div { background: url(image/roundedcornr_858928_tr.gif) no-repeat top right; }
  14.  
  15. .bord .wr_contentrow { background: url(image/roundedcornr_858928_r.gif) repeat-y; }
  16. .bord .wr_contentrow .wr_content  { background: url(image/roundedcornr_858928_r.gif) repeat-y right;}
  17.  
  18. .bord .wr_botrow { background: url(image/roundedcornr_858928_r.gif) repeat-x; }
  19. .bord .wr_botrow div { background: url(image/roundedcornr_858928_bl.gif) no-repeat top left; }
  20. .bord .wr_botrow div div { background: url(image/roundedcornr_858928_br.gif) no-repeat bottom right; }
  21. .bord .wr_toprow, .bord .wr_toprow div,
  22. .bord .wr_botrow, .bord .wr_botrow div
  23.  { width:100%; height:30px; font-size:1px; }
  24.  
  25. .bord .wr_content  { padding: 1px em; margin: 0; }
  26. .bord p { padding: 0; margin: 1em 0 0 0; padding-bottom: 1em; }
  27.  
  28. #bord {
  29.     position: absolute;
  30.     left: 200px;
  31.     top: 27px;
  32.     width: 530px;
  33.     padding: 0;
  34.     margin: 0;
  35.     height: 703px;
  36.     background-color: #8D977E;
  37.     z-index: 0;
  38.     visibility: inherit;
  39.  }
  40. body {
  41.     background-color: #99CC66;
  42. }
  43. .style11 {font-size: x-small}
  44. .style12 {font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #0A9947;}
  45. .style13 {color: #0A9947; font-family: Arial, Helvetica, sans-serif;}
  46. .style3 {    color: #0A9947;
  47.     font-weight: bold;
  48.     font-family: Arial, Helvetica, sans-serif;
  49.     font-size: small;
  50. }
  51. .style4 {font-family: Arial, Helvetica, sans-serif; font-size: small; color: #0A9947;}
  52. .style59 {font-size: small}
  53. </style>
  54. <script language="JavaScript" type="text/JavaScript">
  55. <!--
  56. function MM_swapImgRestore() { //v3.0
  57.   var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
  58. }
  59.  
  60. function MM_preloadImages() { //v3.0
  61.   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  62.     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  63.     if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  64. }
  65.  
  66. function MM_findObj(n, d) { //v4.01
  67.   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  68.     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  69.   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  70.   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  71.   if(!x && d.getElementById) x=d.getElementById(n); return x;
  72. }
  73.  
  74. function MM_swapImage() { //v3.0
  75.   var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  76.    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
  77. }
  78. //-->
  79. </script>
  80. </head>
  81.  
  82. <body onLoad="MM_preloadImages('../image/OSUCAMPUSdark.png','../image/fallrentdark.png','../image/featuredark.png','../image/aboutdark.png','../image/columbusrentdark.png','../image/rentalsearchdark.png','../image/smhouse.png')">
  83. <div id="bord">
  84. <div class="bord"><div class="wr_toprow"><div><div></div></div></div><div class="wr_contentrow"><div class="wr_content">
  85.   <div align="center">
  86.     <table width="450" border="2" align="center" bordercolor="#0A9948">
  87.       <tr>
  88.         <td width="438" bordercolor="#FFFFFF"><div align="center"><img src="LPVsm.gif" width="300" height="198" align="absmiddle"></div></td>
  89.       </tr>
  90.     </table>
  91.     <table width="446" height="302" border="0" align="center">
  92.       <tr>
  93.         <td width="230" height="398"><p align="left"><span class="style3"><u><br>
  94.         Security Deposit:</u> </span><span class="style4">$150 with approved credit<br>
  95.         <em>(Restrictions apply)<br>
  96.         <br>
  97.         <span class="style3"><u>Pet Deposit:</u> </span></em>$200 non-refundlable<br>
  98.         <br>
  99.         <span class="style3"><u>Pet Fee per month/per pet:</u> </span><br>
  100.         $15-under 45lbs* <em>(Restricted breeds)<br>
  101.         </em>$20-over 45lbs*<em> <em>(Restricted breeds)</em><br>
  102.         <br>
  103.         </em><strong><u>OFFICE HOURS:</u> <br>
  104.         <br>
  105.         </strong>Monday-Friday 10:00 am - 6 pm<br>
  106.         Saturday 10:00 am - 2 pm<br>
  107.       </span></p>
  108.             </td>
  109.         <td width="206">&nbsp;</td>
  110.       </tr>
  111.     </table>
  112.     <table width="457" height="36" border="0">
  113.       <tr>
  114.         <td width="451"><div align="center" class="style11"><span class="style12"><span class="style59">Pine Village Apartments </span><br>
  115.         </span><span class="style13">| 1366 Sheridan Dr. | Lancaster, Ohio 43130 | 740-653-7847 | </span></div></td>
  116.       </tr>
  117.     </table>
  118.     <p>&nbsp;</p>
  119.   </div>
  120. </div></div><div class="wr_botrow"><div><div></div>
  121.   </div></div></div>
  122. </div>
  123. <p><a href="http://www.hometeamproperties.net">
  124. </a></p>
  125. <p>&nbsp;</p>
  126. <p>&nbsp;</p>
  127. <p>&nbsp;</p>
  128. <p>&nbsp;</p>
  129. <p>&nbsp;</p>
  130. <p>&nbsp;</p>
  131. <p>&nbsp;</p>
  132. <p>&nbsp;</p>
  133. <p>&nbsp;</p>
  134. <p>&nbsp;</p>
  135. <p>&nbsp;</p>
  136. <p>&nbsp;</p>
  137. <p>&nbsp;</p>
  138. <p>&nbsp;</p>
  139. <p><!-- bord -->
  140. </p>
  141. </body>
  142. </html>
  143.  
Reply
  #2  
Old June 26th, 2008, 11:01 PM
eWish's Avatar
Moderator
 
Join Date: Jul 2007
Location: Arkansas
Posts: 898
Default

I would suggest that you validate your page and fix the errors. Then move forward if you still have the same problem.

--Kevin
Reply
  #3  
Old June 27th, 2008, 06:48 PM
Newbie
 
Join Date: May 2008
Posts: 5
Default

Quote:
Originally Posted by eWish
I would suggest that you validate your page and fix the errors. Then move forward if you still have the same problem.

--Kevin
I actually validated it and it just erased all the background color within the table so I used the previous code.
Reply
  #4  
Old July 1st, 2008, 06:01 PM
Newbie
 
Join Date: May 2008
Posts: 5
Default

Quote:
Originally Posted by RubbedLung
I actually validated it and it just erased all the background color within the table so I used the previous code.
In addition to deleting the background it does not fix the problem.
Reply
Reply

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search


Popular Articles

What is Bytes?

We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights. Get the best answers to your questions from over 220,989 network members.