Table Offset

RubbedLung · #1 June 26th, 2008, 08:41 PM

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

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html><HEAD>

<TITLE>Pine Village Apartments - Lancaster, Ohio</TITLE>

<META name="Hometeam Properties Central Campus Properties" content="Hometeam Properties Central Campus Properties">

<META name="Hometeam Properties Central Campus Properties" content="10+ Persons, Central Campus, $450, $475">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></HEAD>

<title>Pine Village Apartments - Lancaster, Ohio</title>

<style type="text/css" title="well rounded classes">

.bord { background-color: #E0EFDE;}

.bord .wr_toprow { background: url(image/roundedcornr_858928_r.gif) repeat-x; }

.bord .wr_toprow div { background: url(image/roundedcornr_858928_tl.gif) no-repeat top left; }

.bord .wr_toprow div div { background: url(image/roundedcornr_858928_tr.gif) no-repeat top right; }
 
.bord .wr_contentrow { background: url(image/roundedcornr_858928_r.gif) repeat-y; }

.bord .wr_contentrow .wr_content  { background: url(image/roundedcornr_858928_r.gif) repeat-y right;}
 
.bord .wr_botrow { background: url(image/roundedcornr_858928_r.gif) repeat-x; }

.bord .wr_botrow div { background: url(image/roundedcornr_858928_bl.gif) no-repeat top left; }

.bord .wr_botrow div div { background: url(image/roundedcornr_858928_br.gif) no-repeat bottom right; }

.bord .wr_toprow, .bord .wr_toprow div,

.bord .wr_botrow, .bord .wr_botrow div

 { width:100%; height:30px; font-size:1px; }
 
.bord .wr_content  { padding: 1px em; margin: 0; }

.bord p { padding: 0; margin: 1em 0 0 0; padding-bottom: 1em; }
 
#bord {

    position: absolute;

    left: 200px;

    top: 27px;

    width: 530px;

    padding: 0;

    margin: 0;

    height: 703px;

    background-color: #8D977E;

    z-index: 0;

    visibility: inherit;

 }

body {

    background-color: #99CC66;

}

.style11 {font-size: x-small}

.style12 {font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #0A9947;}

.style13 {color: #0A9947; font-family: Arial, Helvetica, sans-serif;}

.style3 {    color: #0A9947;

    font-weight: bold;

    font-family: Arial, Helvetica, sans-serif;

    font-size: small;

}

.style4 {font-family: Arial, Helvetica, sans-serif; font-size: small; color: #0A9947;}

.style59 {font-size: small}

</style>

<script language="JavaScript" type="text/JavaScript">

<!--

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_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_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>

</head>
 
<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')">

<div id="bord">

<div class="bord"><div class="wr_toprow"><div><div></div></div></div><div class="wr_contentrow"><div class="wr_content">

  <div align="center">

    <table width="450" border="2" align="center" bordercolor="#0A9948">

      <tr>

        <td width="438" bordercolor="#FFFFFF"><div align="center"><img src="LPVsm.gif" width="300" height="198" align="absmiddle"></div></td>

      </tr>

    </table>

    <table width="446" height="302" border="0" align="center">

      <tr>

        <td width="230" height="398"><p align="left"><span class="style3"><u><br>

        Security Deposit:</u> </span><span class="style4">$150 with approved credit<br>

        <em>(Restrictions apply)<br>

        <br>

        <span class="style3"><u>Pet Deposit:</u> </span></em>$200 non-refundlable<br>

        <br>

        <span class="style3"><u>Pet Fee per month/per pet:</u> </span><br>

        $15-under 45lbs* <em>(Restricted breeds)<br>

        </em>$20-over 45lbs*<em> <em>(Restricted breeds)</em><br>

        <br>

        </em><strong><u>OFFICE HOURS:</u> <br>

        <br>

        </strong>Monday-Friday 10:00 am - 6 pm<br>

        Saturday 10:00 am - 2 pm<br>

      </span></p>

            </td>

        <td width="206">&nbsp;</td>

      </tr>

    </table>

    <table width="457" height="36" border="0">

      <tr>

        <td width="451"><div align="center" class="style11"><span class="style12"><span class="style59">Pine Village Apartments </span><br>

        </span><span class="style13">| 1366 Sheridan Dr. | Lancaster, Ohio 43130 | 740-653-7847 | </span></div></td>

      </tr>

    </table>

    <p>&nbsp;</p>

  </div>

</div></div><div class="wr_botrow"><div><div></div>

  </div></div></div>

</div>

<p><a href="http://www.hometeamproperties.net">

</a></p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p><!-- bord -->

</p>

</body>

</html>

eWish · #2 June 26th, 2008, 11:01 PM

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

--Kevin

RubbedLung · #3 June 27th, 2008, 06:48 PM

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.

RubbedLung · #4 July 1st, 2008, 06:01 PM

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.

Table Offset

Popular Articles

What is Bytes?