471,337 Members | 1,093 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,337 software developers and data experts.

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.  
Jun 26 '08 #1
3 7639
eWish
971 Expert 512MB
I would suggest that you validate your page and fix the errors. Then move forward if you still have the same problem.

--Kevin
Jun 26 '08 #2
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.
Jun 27 '08 #3
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.
Jul 1 '08 #4

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

2 posts views Thread by z | last post: by
3 posts views Thread by Eddie Biscomb | last post: by
1 post views Thread by dschectman | last post: by
5 posts views Thread by jrod11 | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.