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
Pic
Code:
<!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"> </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> </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> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><!-- bord -->
</p>
</body>
</html>
Comment