Hello,
Can anyone tell me why the div in my left column is down so far on the page. "Sellers" is supposed to be up just under the nav bar. Thanks! Webpage: http://bluepencilproperties.businesscatalyst.com/Sellers.htm
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/Main.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Blue Pencil Properties Buy Houses For Cash California CA</title>
<link href="/stylesheets/BPP-Styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-color: #dce8fe;
}
a:link {
text-decoration: none;
color: #1430ae;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
a {
font-weight: bold;
}
</style>
<script type="text/javascript">
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_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_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('/images/nav-buyers-over.jpg','/images/nav-w holesalers-over.jpg','/images/nav-investors-over.jpg','/images/nav-inh erited-over.jpg','/images/nav-faq-over.jpg','/images/nav-about-over.jp g','/images/nav-contact-over.jpg','/images/nav-sellers-over.jpg')">
<div id="wrapper">
<div id="top-shadow"></div>
<div id="header"><a href="/index.htm"><img src="/images/header.jpg" width="980" height="171" /></a></div>
<div id="nav-bar"><a href="/Sellers.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sellers-nav','','/images/nav-sellers-over. jpg',1)"><img src="/images/nav-sellers.jpg" name="sellers-nav" width="134" height="42" border="0" id="sellers-nav" /></a><a href="Buyers.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav-buyers','','/images/nav-buyers-over.jp g',1)"><img src="/images/nav-buyers.jpg" name="nav-buyers" width="100" height="42" border="0" id="nav-buyers" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav-wholesalers','','/images/nav-wholesale rs-over.jpg',1)"><img src="/images/nav-wholesalers.jpg" name="nav-wholesalers" width="140" height="42" border="0" id="nav-wholesalers" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav-investors','','/images/nav-investors-o ver.jpg',1)"><img src="/images/nav-investors.jpg" name="nav-investors" width="121" height="42" border="0" id="nav-investors" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav-inherited','','/images/nav-inherited-o ver.jpg',1)"><img src="/images/nav-inherited.jpg" name="nav-inherited" width="175" height="42" border="0" id="nav-inherited" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav-faq','','/images/nav-faq-over.jpg',1)" ><img src="/images/nav-faq.jpg" name="nav-faq" width="77" height="42" border="0" id="nav-faq" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav-about','','/images/nav-about-over.jpg' ,1)"><img src="/images/nav-about.jpg" name="nav-about" width="91" height="42" border="0" id="nav-about" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav-contact','','/images/nav-contact-over. jpg',1)"><img src="/images/nav-contact.jpg" name="nav-contact" width="142" height="42" border="0" id="nav-contact" /></a></div>
<div id="nav-bar-bottom"></div>
<!-- InstanceBeginEditable name="EditRegion1" -->
<div id="sellers-left-column"><img src="/images/Header-Sellers.jpg" width="400" height="39" />
<h2>Blue Pencil Properties owner and investors have over a century of combined experience buying and selling real estate throughout the United States.</h2>
<h2>We are now turning our attention to the local community and there are a few things that we’d like you to know:</h2>
<ul>
<li class="blue-text">
<h2>We are NOT real estate agents and we are not interested in listing your home.</h2>
</li>
<li>
<h2>We do not request that you make any repairs or improvements (we will buy the house AS-IS).</h2>
</li>
<li>
<h2 class="blue-text">We do not charge any realtor, transactional, or escrow fees.</h2>
</li>
<li>
<h2>We can assess your home during our first meeting and make you an offer to buy your home within 24 hours.</h2>
</li>
<li>
<h2 class="blue-text">We can stop foreclosesure proceedings and preserve your credit.</h2>
</li>
<li>
<h2>We pay all cash, and will close escrow when you're ready: as quick as 14 days or as long as 60 days. </h2>
</li>
<li>
<h2 class="blue-text">We will use your escrow company or will refer you to one of our trusted partners.</h2>
</li>
<li>
<h2>We strive to make EVERY transaction simple, quick and stress-free!</h2>
</li>
</ul>
</div>
<div id="sellers-right-column">
<h2>Complete the Property Information Form below. Once we receive the information a Blue Pencil Properties representative will contact you. </h2>
<h2 class="bold-blue">Our consultation is FREE and there is no obligation.</h2>
<div id="form-sellers">Content for id "form-sellers" Goes Here</div>
</div>
<!-- InstanceEndEditable -->
<div id="Footer">
<p>Blue Pencil Properties, LLC | Maria Kaplan | 858.945.0086 | <a href="mailto: mariak@bluepencilproperties.com">maria@bluepencilproperties.com</a></p>
<br />
<div id="bottom-shadow"></div>
</div>
</div>
</div>
</body>
<!-- InstanceEnd --></html>
CSS:
#wrapper {
width: 1020px;
margin-right: auto;
margin-left: auto;
background-image: url(/images/bkrd-shadow.jpg);
background-repeat: repeat-y;
}
#top-shadow {
background-image: url(/images/top-shadow.jpg);
background-repeat: no-repeat;
height: 12px;
width: 1020px;
}
#header {
width: 980px;
margin-right: auto;
margin-left: auto;
height: 171px;
}
.blue-text {
color: #1430ae;
}
#sellers-right-column {
width: 412px;
margin-top: 39px;
margin-right: 68px;
margin-bottom: 40px;
margin-left: 530px;
text-align: center;
}
#form-sellers {
background-color: #F1F6FE;
width: 410px;
border: 1px solid #D9E0ED;
}
#nav-bar {
height: 42px;
width: 980px;
margin-right: 20px;
margin-left: 20px;
}
#nav-bar-bottom {
height: 5px;
width: 980px;
background-image: url(/images/Nav-Bar-Bottom.jpg);
margin-right: 20px;
margin-left: 20px;
}
#Footer {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #1430ae;
clear: both;
width: 980px;
text-align: center;
}
#bottom-shadow {
background-image: url(/images/bottom-shadow.jpg);
background-repeat: no-repeat;
clear: both;
height: 49px;
width: 1020px;
}
#index-left-colum {
float: left;
width: 463px;
margin-right: 33px;
margin-left: 58px;
margin-top: 29px;
}
h1 {
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: normal;
}
#money-house {
background-image: url(/images/money-house.jpg);
background-repeat: no-repeat;
height: 356px;
width: 463px;
margin-top: 31px;
margin-bottom: 18px;
}
#sell-house-button {
height: 39px;
width: 318px;
margin-right: auto;
margin-left: auto;
margin-bottom: 60px;
}
#index-right-column {
margin-top: 29px;
margin-right: 58px;
width: 408px;
margin-left: 554px;
margin-bottom: 40px;
}
.bold-text {
font-weight: bold;
}
h2 {
font-size: 12px;
line-height: 19px;
font-weight: normal;
font-family: Verdana, Geneva, sans-serif;
}
li {
margin-bottom: -8px;
}
#index-photo {
margin-bottom: 33px;
background-image: url(/images/index-photo.jpg);
height: 291px;
width: 408px;
}
.bold-blue {
font-weight: bold;
color: #1430ae;
}
#sellers-left-column {
float: left;
width: 403px;
margin-top: 29px;
margin-right: 69px;
margin-left: 68px;
margin-bottom: 40px;
vertical-align: top;
}
