Fixed Nav Bar, Fixed Sidebar, Scroll Main Content

Can someone direct me to some good documentation to learn how to design a page to have a fixed nav bar, fixed sidebar and main content that scrolls?
My objective is to have the nav bar/sidebar visible at all times when the user is scrolling through the main content.
Thanks.

On line 135, you have this:
<td align="left"><h1>How It Started</h1><img src="images/dean.jpg" alt="Dean" width="138" height="141"
hspace="15" vspace="5" border="1" align="left" />
Try this:
<td align="left"> <div style="overflow:auto; height: 200px"><h1>How It Started</h1><img src="images/dean.jpg" alt="Dean" width="138" height="141"
hspace="15" vspace="5" border="1" />
Don't forget to close the division right before the cell closure.
</div>
</td>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Similar Messages

Help docking fixed nav bar to top on scroll

Help docking fixed nav bar to top on scroll
Hello,
I'm trying to get a nav bar that is positioned in the middle of a page to "dock" with the top of the browser when it is scrolled to, and undock when the browser is scrolled back up past it.
An example of this can be seen on http://lesscss.org.
Is there any way to do this in Muse?
Thanks for your help / suggestions.

I am familiar with the pinning feature.
I would like the user to be able to scroll down the page and once the nav bar that was once in the middle of the page is at the top, for it to dock or pin then. And when the user scrolls back to the top the nav bar will return to the middle of the page.
If you wouldn't mind taking a closer look at http://lesscss.org there is an example of exactly what I am talking about. The navigation bar is in the middle of the page and it doesn't pin until the user scrolls to the top.
Thanks!

IWeb update does not fix nav bar problem

The subject says it. Downloaded 2.0.1 with hope, republished and uploaded pages, but nav bar still does not appear. Only black dot. Wish I could revert to previous version.

I don't know if this will solve your problem but I had the exact same experience. I have a site which I publish to a folder and then use transmit to ftp to a server. I also have the same site published to .mac. The black dot problem was only affecting the non.mac site. After iWeb 08 update I noticed a scripts folder and a feed.xml file in the site folder which I'm sure wasn't there before??? When I uploaded this folder and file as well as the index.html file it solved my problem. I'm no expert and I'm not sure why!!! but it might help...

How can I fix nav bar that wraps to next line, leaving big gap?

I have 2 lines of menu items in the navigation bar (Formal theme) when I'm in iWeb, but it wraps to 3 lines in various browsers, leaving a big gap at the end of the 1st and 2nd line where a short menu item could easily fit. Here's an example:
http://www.redcottageinc.com/redcottageinc/holiday/holiday.html
The menu item "Links" could easily fit on the previous line. Thanks for your help.

Have you tried clicking of the navbar object and enlarging the window by dragging? You could also resize the page size to the Apple suggested 980 pixels which is what the iPhone uses. Then you could resize the navbar object to get the appearance you want.
OT

Scrolling main content in an AP Div disappearing behind other AP Divs...?

Newbie here, using CS3. No CSS power user (yet!)--general concepts, yes, but not much practice. Meanwhile two recent CS3 classes, several books, and a concerted search through online forums have failed to point me toward a fix for this prob. Any help greatly appreciated.
Prob statement: In design view the core content of my pages disappears behind my footer and a secondary box, both AP Divs, so that I cannot see or edit anything beyond the bottom edge of the core-content AP Div. Overflow for that AP Div is set to scroll. The "obscured" content shows up only as an outlined shape extending past the footer etc. (and I can see some of the obscured text "through" the footer). Down arrow doesn't get me there: it just scoots down the outlined-but-obscured section. Doubleclicking highlights everything that's obscured so that I can see the relative shapes of the paragraphs, but doesn't expose the content. This seemed to start the first time I set the content div to scroll any overflow. I've changed it back/forth since; no joy.
Rendered in IE or Firefox, all the pages with all their varying content lengths look fine. Scrollbar works great. It's just that in order to edit or compose further, I have to copy everything into Notepad or something, work there, and then paste it back into DW. Definitely non-optimum, though: can't format or add hyperlinks to the content.
I'm using AP Divs, with scroll on in the "content" AP Div, because I couldn't figure out how to create a template where the footer would slide down the page in response to varying amounts of content. Started out with a table to handle all this, but an instructor recommended AP Divs so I went that way. I'd like to resolve this, rather than just go back to using tables while leaving this AP Div oddness a mystery.
The footer is full of a Spry tabbed panels giving my legal/green/design statements and other small bits of info. The secondary box is an AP Div called "quotations" and is for friendly little bits of cute/clever nonsense at the bottom of each page.
Tried a number of different settings so far and by now I've probably truly messed things up. Can anyone suggest a fix?
The code for the template file seems long, so my apologies. However, the content type isn't allowed for attachments so I've pasted it in below.
Much appreciation!
=================================
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">

</style>
<script src="../SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

</script>

<style type="text/css">

</style>
<meta name="Description" content="Skyway Consulting: taking your information to a higher level! We do information design: planning, writing, editing, and indexing your user documentation. We also design websites, website graphics, print layouts, and logos. Basically, we want to be your source for the way your organization interfaces with the world. " />
</head>
<body onload="MM_preloadImages('../Images/Button_WebDesignOver.gif','../Images/Button_UserDocsO ver.gif','../Images/Button_LogoDesignOver.gif','../Images/Button_PrintLayoutOver.gif','../ Images/Button_ITSvcsOver.gif','../Images/Button_Home.gif','../Images/Button_HomeOver.gif', '../Images/Button_WebDesign.gif','../Images/Button_UserDocs.gif','../Images/Button_ITSvcs. gif','../Images/Button_LogoDesign.gif','../Images/Button_AboutUs.gif','../Images/Button_Co ntact.gif','../Images/Button_AboutUsOver.gif')">
<div id="LeftSidebar"></div>
<div id="Banner">
<div align="center"><img src="../Images/Banner.gif" alt="Skyway Consulting" width="335" height="184" /></div>
</div>
<div id="BannerPhone">
<p align="center">Taking your information to a higher level.</p>
<p align="center">530.965.2624</p>
<p align="center"><img src="../Images/email_Info.gif" alt="Address" width="203" height="23" /></p>
</div>
<div id="NavBar">
<table border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td><a href="../index.html" target="_top" onclick="MM_nbGroup('down','group1','Home','../Images/Button_HomeOver.gif',1)" onmouseover="MM_nbGroup('over','Home','../Images/Button_HomeOver.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../Images/Button_Home.gif" alt="Skyway Consulting Homepage" name="Home" border="0" id="Home" onload="" /></a></td>
      <td><a href="../webdesign.html" target="_top" onclick="MM_nbGroup('down','group1','WebsiteDesign','../Images/Button_WebDesignOver.gif', 1)" onmouseover="MM_nbGroup('over','WebsiteDesign','../Images/Button_WebDesignOver.gif','',1) " onmouseout="MM_nbGroup('out')"><img src="../Images/Button_WebDesign.gif" alt="Website Design Services" name="WebsiteDesign" width="106" height="30" border="0" id="WebsiteDesign" onload="" /></a></td>
      <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','UserDoc','../Images/Button_UserDocsOver.gif',1)" onmouseover="MM_nbGroup('over','UserDoc','../Images/Button_UserDocsOver.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../Images/Button_UserDocs.gif" alt="User Documentation Services" name="UserDoc" width="106" height="30" border="0" id="UserDoc" onload="" /></a></td>
      <td><a href="../it_svcs.html" target="_top" onclick="MM_nbGroup('down','group1','ITServices','../Images/Button_ITSvcsOver.gif',1)" onmouseover="MM_nbGroup('over','ITServices','../Images/Button_ITSvcsOver.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../Images/Button_ITSvcs.gif" alt="IT Services" name="ITServices" width="106" height="30" border="0" id="ITServices" onload="" /></a></td>
      <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','LogoDesign','../Images/Button_LogoDesignOver.gif',1) " onmouseover="MM_nbGroup('over','LogoDesign','../Images/Button_LogoDesignOver.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../Images/Button_LogoDesign.gif" alt="Logo Design Services" name="LogoDesign" width="106" height="30" border="0" id="LogoDesign" onload="" /></a></td>
      <td><a href="../about.html" target="_top" onclick="MM_nbGroup('down','group1','AboutUs','../Images/Button_AboutUsOver.gif',1)" onmouseover="MM_nbGroup('over','AboutUs','../Images/Button_AboutUsOver.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../Images/Button_AboutUs.gif" alt="AboutUs" name="AboutUs" border="0" id="Contact" onload="" /></a></td>
    </tr>
</table>
</div>
<div id="Content">
<p>Content</p>
</div>
<div id="Footer">
<div id="TabbedPanels1" class="TabbedPanels">
    <ul class="TabbedPanelsTabGroup">
      <li class="TabbedPanelsTab" tabindex="0">Info</li>
      <li class="TabbedPanelsTab" tabindex="0">Legal</li>
      <li class="TabbedPanelsTab" tabindex="0">Privacy Policy</li>
      <li class="TabbedPanelsTab" tabindex="0">Green Statement</li>
      <li class="TabbedPanelsTab" tabindex="0">Design Credit</li>
      <li class="TabbedPanelsTab" tabindex="0">Webmaster</li>
    </ul>
    <div class="TabbedPanelsContentGroup">
      <div class="TabbedPanelsContent">Click for information on these topics.</div>
      <div class="TabbedPanelsContent">(c) 2009 Skyway Consulting. All content, including photographic content, is owned by Skyway Consulting. You may not copy, reproduce, modify, or publicly display, perform, distribute, or otherwise use the content provided on this site in any way for any public or commercial purpose. Skyway Consulting will not work on websites involving objectionable material, including but not limited to pornography, hatred, intolerance, or animal abuse. Our management staff's decision on what constitutes "objectionable material" is final. </div>
      <div class="TabbedPanelsContent">We recognize that your privacy is important. This privacy policy applies to all of our services and website pages. We do not set cookies. We do not sell or otherwise seek to profit from the contact information you provide, although we may preserve some information for use by Skyway Consulting. If you have questions about this privacy policy, please [link]contact us.</div>
      <div class="TabbedPanelsContent">Skyway Consulting is an American home-based business that makes every effort to conserve, reduce, reuse, and recycle.</div>
      <div class="TabbedPanelsContent">
        <p>Page design by Skyway Consulting. (Of course!)</p>
        <p>Tiling forest graphic at left by the talented Silvia Hartmann, <a href="http://silviahartmann.com/">http://silviahartmann.com/</a>. (Thank you, Silvia!)</p>
      </div>
      <div class="TabbedPanelsContent">Page problems? Contact <img src="../Images/email_Webmaster.gif" alt="Webmaster e-dress" width="177" height="18" align="absmiddle" /></div>
    </div>
</div>
</div>
<div id="Quotation">Quotation</div>
<div id="Heading">Heading</div>
<div align="center"></div>
<script type="text/javascript">

</script>
</body>
</html>

I hadn't looked at the code at all. I was relying on the Dreamweaver GUI to correctly guide me to a desired outcome.
I think that this is not a desirable approach to Dreamweaver, which will write perfect HTML if you let it, but it's too easy to click buttons and apply wizards without regard for the markup consequences, thereby producing a veritable pig's ear of a page. If you are going to use DW professionally, you will have to become comfortable with code. That doesn't mean you will have to spend 100% of your time in Code view, but you will definitely need to watch the code as it is formulated.
I'm not starting from an engineering background.
Neither did I. But I did start with a sincere desire to become proficient, and to learn the technology.
Murray, I get the idea of redoing my template without AP Divs, and will get into that. I don't know what "image swaps and links" mean, though. Would you mind teaching this newbie on this point?
Not at all. When you select the "NavBar" feature, you are placing elements and code on your page that were designed in the dark ages of HTML (frames). Some of the features in the NavBar will only work in a framed page (the down image and the over while down). The code is antique, invalid, and just wrong to be included. My suggestion was to forego this and just place your button images on the page (in whatever container you need to use), and apply links to them so that they link to the desired pages. Then apply swap image behaviors to them to create your rollover effects, one for each button. The result will be modern code, that has none of the legacy stuff of the navbar, and that will work fine for you. As you become more familiar with CSS you can investigate even better ways to do such menus (if you want a preview of this, Google "CSS Sprites). The latter method is usually the only way I do menus anymore. And even then, I use both text and graphics for accessability and SEO purposes.
I will say that I like your attitude. A determination to learn and improve is a winning approach.

CSS, Main content div and sidebar length

I'm using DW CS4 and am using the 2 column fixed left sidebar with header and footer.
I want to make sure the main content div is never shorter than the length of the sidebar. I've got a coloured background, but want the bottom of the sidebar and main content div to be the same, if that makes sense?
Thanks

For equal height columns, create a 2-colored background image and repeat-y (vertically). This technique is called Faux Columns. See examples below.
3-Col Layout Before -
http://alt-web.com/TEMPLATES/3-col-fixed-layout.shtml
3-Col Layout After -
http://alt-web.com/TEMPLATES/3-col-white-gray.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Main content text does not scale down on iPhone

Hello my Dreamweaver friends,
I'm working on a site for a friend -- a simple fixed width layout (header, footer, sidebar and main content). It looks good on Safari and Firefox. But on the iPhone and iTouch the text in the mainContent area does not scale down to size with the <h> tags and the links on the Spry navigation bar. Is there a reason for that? Is there something I could do so that it all scales down?
Another problem is that the right border I put on the Spry Navigation menu doesn't appear on my version of Internet Explorer.
The link to the page, for what its worth, is http://www.daveharrison.info/tzs/index.html
Thanks for any help!

12 tips for iPhone Web Design
http://articles.sitepoint.com/article/iphone-development-12-tips
Also see this working Demo with media queries. Resize your non-IE browser viewport and see what happens.
http://alt-web.com/TEMPLATES/CSS-centered-round-boxes.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Main content moves down in IE

Ok, here’s a quick question. This layout works in all
the browsers except IE 7 (I haven’t tried 6 or 5.5). In IE 7
it displays the main content below the sidebar floated to the
right. I tried ‘clear’ on both the sidebar and main
content. The conditional comments seem to work but, don’t
seem to quite fix the problem and I’m not sure if
that’s it or if they’re set up correctly.
I know I’m missing something probably easy. Any help
would be appreciated.
Here’s the url
http://www.garza-design.com/testsite/santa_b/index.html.
Thanks...

Opppss. Therewas a period at the end. Here you go.
http://www.garza-design.com/testsite/santa_b/index.html
Thanks...

Autorotation w/ Tab and Nav Bars

I am having a problem with views not being properly resized after autorotation. My app has a tab bar where one of the tabs is nav controller. I have the autoresize masks to maintain edge distances and use flexible width/height.
Starting in portrait, if I switch to the tab with the nav controller and then rotate the device to landscape, the content view does not resize properly. Once the rotation animation stops, the top of the content view ends up obscured by the nav bar (it looks like the content view is being sized to fit between the top screen edge and the top of the tab bar rather than fitting between the bottom of the nav bar and top of the tab bar). The horizontal dimension updates as expected.
If I start in landscape and then switch over to the tab with the nav controller, the content view does correctly sit between the nav and tab bars.
I dumped the frame/bounds of the content to see if something jumped out at me and am only more confused. In both cases, the frame and bounds of the content view are origin at (0, 0), width 480, height 239? I was expecting to see the origin offset in the first case where things don't resize correctly.
Not sure what I am doing wrong...
tw

Hello,
The answer is in the code. Can you post a link?
As a guess, the fix might be in setting the cell the
navigation is in to
vertical-align: top;
In design view, click in the cell that contains the
navigation.
Select the <td> tag in the tag bar at the bottom of the
design window.
The entire column containing the navigation should highlight.
In the properties window, select "Top" from the "vert"
dropdown choices.
In code view, find the cell containing the navigation.
Change the opening <td> to:
<td valign="top">
It really depends on how you built it. This could also be
caused by merged
table rows.
Take care,
Tim
"kahnman7" <[email protected]> wrote in
message
news:gnkape$kb9$[email protected]..
> Hi,
>
> REWARD OFFERED FOR THE RIGHT ANSWER THAT I CAN ACTUALLY
IMPLEMENT! :-)
>
> Because DW doesn't let me place more than one "official"
nav bar on a
> page, I
> have created nav bars for sub-sections of my site by
creating a simple
> single-column table and placing rollover images in it
for the buttons.
>
> I have this nav bar placed on the left-hand side of my
pages. Each page is
> a
> two-column table -- nav bars in the left-hand column,
content in the
> right-hand
> column. So basically nested within the left-hand column
is my single
> column nav
> bar.
>
> When the page content in the right-hand column is long,
the nav bar in the
> left-hand column drops down to near the bottom of the
page, but I want it
> to
> remain at the top. How can I make it remain in this
fixed location other
> than
> inserting lots of carriage returns in the left column? I
would prefer a
> more
> proper, dare I say "elegant," solution for it to remain
in place.
>
> Thanks! And the reward... a copy of my rock band's new
CD, due out in 3
> weeks.
> It's great stuff produced by an industry legend. :-)
>
> Scott
>
>
>

Quiz slides backward movement, the Nav bar dissapears

Hi,
When I enable the back button in quiz slides for CP 6 the nav bar disappears on the previous content slides. It randomly shows up once you click slides from the menu. Is there a way to have backward movement and see the nav bar on previous screens?
I have tried adding the nav bar back to the quiz slides thinking that the user would not be able to move forward until they click the correct answer but that isn't working either.
Any help would be greatly appreciated.

Hi GillianKeisker,
Thank you for contatcting adobe support.
Can you please send us the screen shot for the same because its working fine at our end.
Thanks
Loveesh

Making sidebar fill colors "scroll" with main content div

Just when I think this newbie is getting the hang of Dreamweaver, something throws me a curve
I have a three column fixed layout designed in Dreamweaver CS4 at the URL below. Each of the two sidebars - left and right - has a fill color. I would like those sidebar fill colors to "scroll" or "flow" down as the content of the middle, main content div expands. As it is, the fill color of the two sidebars stops when their content stops, even if the middle content continues.
I'm guessing I'm overlooking something simple here. Can someone tell me how to accomplish this?
Many thanks in advance.
http://firinglinedesign.com/mathieu/

That is really ingenious! Many thanks for the lead. For anyone else who has this issue, while there are many links on Google, this is the first one I came across and it solved my problem.
http://www.communitymx.com/content/article.cfm?cid=afc58
Many thanks, Murray.

I have 5 html pages that share a common header, footer, and sidebar. how do i use my nav bar to change the content of the body without duplicating a lot of code?

i have 5 html pages that share a common header, footer, and sidebar. how do i use my nav bar to change the content of the body without duplicating a lot of code? thank you!

i inherited the website. It’s for a non-profit and is not very
sophisticated, and neither am I in webdesign. It currently has multiple
pages that are identical except for that body section, so whenever i change
the navigation (in the sidebar) I have to update every html page. I want
to have one basic page, and just call in the different body content based
on the link the user selects from the nav bar. How can i do that using a
script? i am using Dreamweaver.
~ in love and light ~
Jeannie
On Sat, Feb 7, 2015 at 4:07 AM, Ben Pleysier <[email protected]>

Access, fixing cursor while zooming, coloring scroll bar

While designing a pdf page for visually impaired
1) How do you make the magnifier to stay on a fixed point of the text?
As is when you magnify a page the cursor position changes with respect to the text. But for a visually imapired person it would be hard to navigate to particular place in text if his/her position is changed. Such a person can get easily lost.
2) Is there a way of assigning a color to the scroll bar?
The scroll bars of the Reader are dark gray in a light grey background. After magnification this bar could get small and hard to detect for a visually impaierd person. Choice of color is also imortant for color blind person.

While designing a pdf page for visually impaired
1) How do you make the magnifier to stay on a fixed point of the text?
As is when you magnify a page the cursor position changes with respect to the text. But for a visually imapired person it would be hard to navigate to particular place in text if his/her position is changed. Such a person can get easily lost.
2) Is there a way of assigning a color to the scroll bar?
The scroll bars of the Reader are dark gray in a light grey background. After magnification this bar could get small and hard to detect for a visually impaierd person. Choice of color is also imortant for color blind person.

I can't use the 'Enter' key to take me to a website I've typed into the nav bar - I have to use the mouse to click on the 'go' arrow. Why? How do I fix this?

I can't use the 'Enter' key to take me to a website I've typed into the nav bar - I have to use the mouse to click on the 'go' arrow. Why? How do I fix this?

See:
*https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes

Content not lining up in the sidebar with the content located in the main area?

Hello, I’ve created a website using Dreamweaver CS4 and have come across an issue while using a template. The template I’m using is: 2 column fixed, right sidebar, header and footer. The problem seems to be in the sidebar where the content does not start at the top, it seems to be about 15px below the content in the main area. I can't find any CSS or any reason why it's starts where it does. It seems to look like even and as it should in Firefox, Google Chrome and Safari but not in IE9. The page is live at www.Lots2Homes.com and you'll see the content is lower in the right sidebar than in the main area to the left. The code for the home page and CSS is below. This has me going in circles, any help or ideas would be much appreciated. Thanks!
<!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">
<head>

<script type="text/javascript" src="includes/no_right_click.js"></script>

<meta name="norton-safeweb-site-verification" content="q5pn0zppxw16pngb17u9bt3gtuklju0mr-wug3hpwmudp0h70hgx44yjn2m3235nuxr6l17xlfnqszrz 3q3pjp75afqpecotqbh2pd6c485pxvehuee2wqihtjqa1uut" />
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Search the MLS, Professional Buyer Programs, Marketing Plans, NH Information, Free Guides, Short Sale Information, NH Buyer and Seller Representation"/>
<meta name="keywords" content="New Hampshire, Real Estate, Your Source for New Hampshire Real Estate, NH Real Estate Agent, Paul R. Martin, Buyer Agent, GRI, ABR, e-PRO, SFR, REALTOR, Listing Agent, Portsmouth, home for sale"/>
<meta name="rating" content="General"/>
<meta name="revisit-after" content="14 days"/>
<meta name="Robots" content="All"/>
<meta name="google-site-verification" content="hch3bvgPs2nwvn-waiOpfg4j9mJJTd5k-OZ-NiGFFr8" />
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"/>
<link rel="icon" href="http://www.lots2homes.com/images/favicon.ico" type="image/favicon.ico"/>
<title>Lots2Homes.com - Your Source for NH Real Estate</title>
<link href="css/2012_layout.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
    <?php require_once('includes/back_ground.php'); ?>
</style>
<script type="text/javascript">
    // <![CDATA[
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>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-24136715-1']);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
<style type="text/css">

</style></head>
<body class="twoColFixRtHdr">
<div id="container">
<div id="header_flash_window">
<?php require('includes/header_flash.php'); ?>
</div>
<div id="header">
    <?php require('includes/header.php'); ?>
</div>
<div id="navigation">
<?php require('includes/navbar.php'); ?>
</div>
<div id="top"></div>
<div id="sidebar1">
<div id="content">
<div id="social-media-buttons">
<a href="http://www.facebook.com/EPRO.AGENT" target="_blank"><img src="images/social_media/facebook_32.png" name="facebook_icon" width="35" height="36" border="0" id="facebook_icon" alt="Paul Martin facebook" /></a>
<a href="http://www.flickr.com/lots2homes" target="_blank"><img src="images/social_media/flickr_32.png" name="flickr_icon" width="36" height="36" border="0" id="flickr_icon" alt="Paul Martin Flicker" /></a>
<a href="http://www.linkedin.com/in/paulrmartin" target="_blank"><img src="images/social_media/linkedin_32.png" name="linkedin_icon" width="35" height="37" border="0" id="linkedin_icon" alt="Paul Martin Linkedin" /></a>
<a href="http://www.lots2homes.com/weblog/" target="_blank"><img src="images/social_media/wordpress_32.png" name="wordpress_icon" width="35" height="36" border="0" id="wordpress_icon" alt="Paul Martin Wordpress" /></a>
<a href="http://www.youtube.com/user/EstatesNland" target="_blank"><img src="images/social_media/youtube_32.png" name="youtube_icon" width="36" height="37" border="0" id="youtube_icon" alt="Paul Martin Youtube" /></a>
<a href="http://www.delicious.com/save" target="_blank" onclick="window.open('http://www.delicious.com/save?v=5&noui&jump=close&url='+encodeURIComponent(location.href)+ '&title='+encodeURIComponent(document.title), 'delicious','toolbar=no,width=550,height=550'); return false;"><img src="images/social_media/delicious_32.png" alt="Paul Martin Delicious" width="35" height="36" border="0" /></a>
<a href="http://twitter.com/#!/Lots2Homes" target="_blank"><img src="images/social_media/twitter_32.png" alt="Paul Martin Twitter" width="35" height="36" border="0" /></a>
</div>
<div id="index_like"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2FEPRO.AGENT&a mp;send=false&layout=standard&width=292&show_faces=true&action=like&co lorscheme=light&font=tahoma&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:80px;" allowTransparency="true"></iframe></div>
<div id="stick"><div id="stik" style="width:225px;height:75px;text-align:center;"><a href= "http://www.stik.com/paul.martin" class="il" target="blank" style="position:relative;display:block;"><img src="http://www.stik.com/badge/image?v=1&stikid=1005641" alt="Paul Martin, Realtor at Keller Williams Coastal Realty, is Recommended and Reviewed at Stik.com" title="Paul Martin, Realtor at Keller Williams Coastal Realty, is Recommended and Reviewed at Stik.com" style="border:0px; margin:0px;" /><iframe src= "http://www.stik.com/badge/frame?v=1&stikid=1005641" frameBorder="0" scrolling="no" style="width:116px;height:36px; border:0px; position:absolute;left:98px; top:0px;"></iframe><br/></a><div class="l" style="height:18px;"><a href="http://www.stik.com/paul.martin" target="blank" style="font-family:Arial;font-size:9px;color:#3B5998;text-decoration:none;font-weight:nor mal;">Read Recommendations and Reviews on</a> <a href="http://www.stik.com" target="blank" style="font-family:Arial;font-size:9px;color:#3B5998;text-decoration:none;font-weight:nor mal;">Stik.com</a></div></div></div>
<hr/>
<div id="my_listings">
<h2>My Current Listings</h2>
      <div id="Accordion1" class="Accordion">
        <div class="AccordionPanel">
          <div class="AccordionPanelTab">$139,900 - Raymond Ranch</div>
          <div class="AccordionPanelContent"><a href="listing_page_24_sesame.php"><img src="images/listings/24_sesame.jpg" width="299" height="198" alt="24 Sesame St St Raymond, NH" /></a></div>
        </div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">$194,900 - Northwood Ranch</div>
          <div class="AccordionPanelContent"><a href="listing_page_27_bass.php"><img src="images/listings/Harvey-Lake-Home-Northwood,.jpg" width="299" height="198" alt="27 Bass Rd Northwood, NH" /></a></div>
        </div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">$249,900 - Milton Custom Cape</div>
          <div class="AccordionPanelContent"><a href="listing_page_99_gold_milton.php"><img src="images/listings/99_gold_st.jpg" width="299" height="198" alt="99 Gold St Milton NH for sale by Paul Martin and Keller Williams Coastal Realty" /></a></div>
        </div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">$159,900 - Effingham Multi Unit</div>
          <div class="AccordionPanelContent"><a href="listing_page_108_champion_hill.php"><img src="images/listings/108_champion_hill.jpg" width="299" height="198" alt="108 Champion Hill Rd Effingham, NH" /></a></div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab">$324,900 - Epsom Colonial</div>
          <div class="AccordionPanelContent"><a href="listing_page_206_copperline_epsom.php"><img src="images/listings/206_copperline/199x198.jpg" width="299" height="198" alt="206 Copperline Rd Epsom, NH" /></a></div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab">$189,900 - Middleton Ranch</div>
<div class="AccordionPanelContent"><a href="listing_page_60_lakeshore_middleton.php"><img src="images/listings/Sunrise-Lake-Home.jpg" width="299" height="198" alt="60 Lakeshore Dr Middleton, NH" /></a></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">$259,900 - Exeter Duplex</div>
<div class="AccordionPanelContent"><a href="listing_page_34_36_south_st.php"><img src="images/listings/34_36_south_st.jpg" width="299" height="198" alt="34-36 South St Exeter, NH" /></a></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">$249,900 - Sunrise Lake Ranch</div>
          <div class="AccordionPanelContent"><a href="listing_page_86_lakeshore.php"><img src="images/listings/86-Lakeshore-Dr.jpg" width="299" height="198" alt="86 Lakeshore Dr Middleton, NH" /></a></div>
        </div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">$249,000 - Dover Point Colonial</div>
<div class="AccordionPanelContent"><img src="images/listings/Colonial-Condex.jpg" width="299" height="198" alt="Dover Point Colonial sold by Paul Martin" /></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">$235,500 - Chichester Cape</div>
<div class="AccordionPanelContent"><img src="images/listings/26_cross_rd.jpg" width="299" height="198" alt="Sold by Paul Martin" /></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">$295,000 - Londonderry Colonial</div>
<div class="AccordionPanelContent"><img src="images/listings/25_king_henry.jpg" width="299" height="198" alt="Sold by Paul Martin" /></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Put Your Home for Sale Here!</div>
          <div class="AccordionPanelContent"><img src="images/listing_ad.jpg" width="299" height="198" alt="List your home for sale on Lots2Homes.com" /></div>
        </div>
      </div>
</div>
<hr />
<div id="info_1">
<h2>Will 2012 See Improvement? </h2>
<p>by Carla Hill<br />
<br />
We’ve seen the effects of tight mortgage conditions over the last year. Existing and new homes sales have struggled and we are now left with sizable pent-up demand. Will this trend continue into 2012?<br />
<br />
For starters, consumer prices fell in October, meaning low wage workers and others struggling to make ends meet will find more affordability...
<br />
<br />
<a href="Read" _mce_href="http://realtytimes.com/rtpages/20111121_realestateoutlook.htm">Read">http://re altytimes.com/rtpages/20111121_realestateoutlook.htm">Read More</a></p>
</div>
<hr />
<div id="info_2">
<h2>Timing the Real Estate Cycle</h2>
<p>by Paul Martin<br />
<br />
Real estate cycles are created by an imbalance that occurs between the supply of available homes on the market and demand for these homes by ready willing and able buyers.<br />
<br />
The reasons for an over or under supply of homes and an over or under demand for these homes can differ from one cycle to another...<br />
<br />
<a href="Read" _mce_href="http://www.lots2homes.com/weblog/?p=84">Read">http://www.lots2homes.com/weblog /?p=84">Read More</a></p>
</div>
<hr />
<div id="info_3">
<h2>Thinking about a Short Sale?</h2>
<p>If you're looking for Short Sale Information and assistance, I can help. As an SFR (Short Sale and Foreclosure Resource Specialist) and a LMC (Loss Mitigation Consultant), Shorts sales are one of my specialties!<br />
<br />
Don't lose time, call me today! I work hand in hand with The Loan Workout Group out of the Cater Law Office in Londonderry, one of New Hampshire’s most experienced and premiere Short Sale specialists. Together we work as a team to get your short sale accepted and your home sold in time to save you from foreclosure. </p>
</div>
<hr />
<div id="sidebar_flash_ad">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="214" height="320" id="FlashID3" title="Loan Workout Group Ad">
      <param name="movie" value="flash/loan_workout_group.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="6.0.65.0" />
      
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      
      
      <object type="application/x-shockwave-flash" data="flash/loan_workout_group.swf" width="214" height="320">
        
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="6.0.65.0" />
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        
        <div>
          <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
          <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
        </div>
        
      </object>
      
    </object>
</div>
</div>
     <div id="sidebar-bottom"></div>
</div>
<div id="mainContent">
   <div id="content">
<div id="welcome_message">
<h1>Welcome to Lots2Homes.com - Your Source for NH Real Estate</h1>
<p>As a New Hampshire REALTOR®, I designed and built <span class="bold">Lots2Homes.com</span> specifically to help people looking to purchase homes here in New Hampshire and to give our local home sellers an edge through technology driven marketing. The goal here on <span class="bold">Lots2Homes.com</span> is to become your leading source for NH real estate information and a helpful guide to purchasing and selling homes in the Rockingham, Strafford and Belknap county area.<br />
<br />
Here on <span class="bold">Lots2Homes.com</span> home buyers can search for available homes on the local MLS, sign up for automatic search notifications and look up information on every town found here in NH. Buyers also can receive great home buying tips through my complimentary <a href="buyer_guides.php">BUYER GUIDES</a> and get information on my full service <a href="my_buyers_program.php">Buyer Representation</a> as an <span class="bold">ABR REALTOR®</span>. My buyer program comes at no cost and can assist you from beginning to end in home buying process. It will help you to take advantage of the great buyer’s market were experiencing and it comes complete with a <a href="my_buyers_program.php">Buyer Bonus</a> just for signing up!<br />
<br />
Home sellers can get information here on how the local and <a href="housing_prices.php">national housing market</a> is trending and how leading edge marketing technology can help them sell their home in today’s challenging market conditions. Sellers will also be able to get information on how to price their home competitively with the help of a Pricing Study Analysis and find out how I’m helping NH home sellers succeed in today’s market as and <span class="bold">e-PRO Marketing Specialist</span> through <a href="my_marketing_plan.php">My Marketing Plan</a>. </p>
</div>
<hr/>
<h2>Search for available New Hampshire Homes Now!</h2>
<div id="quick_search_area"><img src="images/buttons/home-page-search.png" alt="Search for Homes Now" width="599" height="300" border="0" usemap="#Map2" />
<map name="Map2" id="Map2">
    <area shape="rect" coords="40,28,274,223" href="http://www.lots2homes.idxco.com/idx/6152/basicSearch.php" target="_self" alt="MLS Quick Search" />
    <area shape="rect" coords="320,29,554,223" href="http://www.lots2homes.idxco.com/idx/6152/mapSearch.php" target="_self" alt="MLS Map Search" />
    <area shape="rect" coords="407,263,557,291" href="http://www.lots2homes.idxco.com/idx/6152/advancedSearch.php" target="_self" alt="MLS Advanced Search" />
</map>
</div>
<br />
<hr/>
<div id="featured_property_title"><img src="images/featured_property_title.png" width="351" height="49" alt="Featured Property" /></div>
   <div id="featured_listing">
     <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="212" height="132" id="FlashID2" title="27 Bass Rd Northwood, NH">
       <param name="movie" value="flash/27_bass.swf" />
       <param name="quality" value="high" />
       <param name="wmode" value="opaque" />
       <param name="swfversion" value="6.0.65.0" />
       
       <param name="expressinstall" value="Scripts/expressInstall.swf" />
       
       
       <object type="application/x-shockwave-flash" data="flash/27_bass.swf" width="212" height="132">
         
         <param name="quality" value="high" />
         <param name="wmode" value="opaque" />
         <param name="swfversion" value="6.0.65.0" />
         <param name="expressinstall" value="Scripts/expressInstall.swf" />
         
         <div>
           <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
           <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
         </div>
         
       </object>
       
     </object>
     <a href="listing_page_27_bass.php"><img src="images/featured_properties/27_bass_northwood.jpg" width="630" height="480" alt="Featured Listing" /></a></div>
<br />
<hr />
<div id="buyer_program">
     <h2>My Buyers Program</h2>
    <p>In today's competitive real estate market, timing and knowledge is everything. Do you have your home buying strategy in place yet?<br />
      <br />
      As one of New Hampshire's Accredited Buyer Representative REALTORS®, helping home buyers to succeed is one of my specialties. My program can assist you with:</p>
      <div id="abr_logo"><img src="images/icons/abr_oval_196.png" width="196" height="123" alt="ABR logo" /></div>
<ul id="list">
<li>Locating available homes that fit your search criteria in your preferred areas</li>
       <li>Negotiate price, terms and conditions that fit your needs and protect your interest</li>
       <li>Coordinate home inspections and the preparation of closing documents</li>
       <li>Resolve any closing issues as they arise to keep you on track </li>
         <li>help you get the keys to your new home!</li>
      </ul>
<p><span class="bold">Contact me today or</span> <a href="my_buyers_program.php" class="bold">READ MORE HERE</a><span class="bold"> for more information on</span> <a href="my_buyers_program.php" class="bold">My Buyers Program</a></p>
   </div>
   <hr/>
   <div id="marketing_plan">
   <h2>My Marketing Plan</h2>
   <p>Home Sellers face challenging market conditions these days. Gone are the days of just needing a sign out front to sell your home quickly and for a great price. Buyers today have a crowded market to choose from and most are tech savvy as well. <br />
   </p>
   <div id="epro-logo"><a href="epro.php"><img src="images/icons/ePRO_196.png" alt="e-PRO logo" width="196" height="107" border="0" usemap="#Map3" /></a>
     <map name="Map3" id="Map3">
       <area shape="poly" coords="3,39,32,64,32,104,83,103,82,71,143,67,184,55,192,39,188,23,158,8,99,1,46,5,19,14, 4,26" href="#" />
     </map>
   </div>
   <p> They want to see as much as possible of your home online before making an appointment to see it in person.
     That's where my marketing expertise excels.<br />
<br />
     As one of the few<span class="italic_and_bold"> e-PRO REALTORS®</span> in New Hampshire, I've been trained in all the latest web marketing techniques. <br />
<br />
     I combine the power of web marketing with traditional marketing methods to maximize your home's exposure in a crowded market place.</p>
<br />
<center><span class="bold">Contact me today or</span> <a href="my_marketing_plan.php" class="bold">READ MORE HERE</a><span class="bold"> for more information on</span> <a href="my_marketing_plan.php" class="bold">My Marketing Plan</a></center>
   </div>
   <hr/>
   <div id="media-1">
<div id="video-1">
<embed src="http://c.brightcove.com/services/viewer/federated_f8/1465406675" bgcolor="#FFFFFF" flashvars="videoId=1288013534001&playerId=1465406675&viewerSecureGatewayURL=https://console.brightcove.com/services/amfgateway&servicesURL=http://services.brightcove. com/services&cdnURL=http://admin.brightcove.com&domain=embed&autoStart=false&" base="http://admin.brightcove.com" name="flashObj" width="400" height="320" seamlesstabbing="false" type="application/x-shockwave-flash" swliveconnect="true" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></e mbed>
</div>
      <div id="video-1_text">
   <h3>October Existing-Home Sales Rise, While the Unsold Inventory Continues to Decline</h3>
   <hr />
   <p>Washington, DC, November 21, 2011
Existing-home sales improved in October while the number of homes on the market continued to decline, according to the National Association of Realtors®.<br />
      Read more and get the full story on <a href="REALTOR.Org.http://www.realtor.org/press_room/news_releases/2011/11/ehs_oct">REALTOR.Org.</a><a href="<img src="images/icons/Realtor_org-logo_thumb.jpg" width="160" height="90" alt="REALTOR.Org" />"><img src="images/icons/Realtor_org-small.jpg" width="80" height="47" alt="Realtor.org" /></a></p>
    </div>
</div>
</div>
    <div id="main-bottom"></div>
</div>
<br class="clearfloat" />
<div id="footer">
<?php require('includes/footer_menu_6.php'); ?>
</div>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
@charset "utf-8";
/* CSS Document */
#mainContent {
padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
margin-top: 0;
margin-right: 344px;
margin-bottom: 0;
margin-left: 0;
background-repeat: repeat-y;
background-image: url(../images/2-column/main-middle.png);
#sidebar1 {
float: right; /* since this element is floated, a width must be given */
width: 344px;
padding:0px;
margin:0px;
background-repeat: repeat-y;
background-image: url(../images/2-column/r-sidebar-middle.png);
body {
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 100%;
background-color: #5783A6;
p {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: justify;
a img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
h1 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 20px;
text-decoration: underline;
margin: 0px;
h2 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 18px;
text-align: center;
margin: 0px;
h3 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: center;
h4 {
font-family: "Comic Sans MS", cursive;
font-size: 14px;
font-style: italic;
font-weight: normal;
text-align: center;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
a {
font-weight: bold;
text-decoration: underline;
color: #900;
hr {
margin-top: 10px;
margin-bottom: 10px;
#container {
width: 1024px; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
margin-right: auto;
margin-left: auto;
background-repeat: repeat-y;
background-image: url(../images/2-column/bg.png);
margin-top: 0px;
padding: 0px;
#header {
padding-top: 0;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0px;
background-image: url(images/2-column/bg.png);
background-repeat: repeat-y;
#container #top {
background-image: url(../images/extention_page/2_column/2_column_top_wide.png);
background-repeat: no-repeat;
width: 1024px;
height: 38px;
padding: 0px;
#footer {
padding: 0;
background-image: url(images/2-column/bg.png);
background-repeat: repeat-y;
#footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
#container #header_flash_window {
position: absolute;
margin-top: 182px;
margin-left: 239px;
border: 1px solid #848484;
#container #sidebar1 #sidebar-bottom {
background-image: url(../images/2-column/r-sidebar-bottom.png);
background-repeat: no-repeat;
height: 33px;
#container #mainContent #main-bottom {
background-image: url(../images/2-column/main-bottom.png);
background-repeat: no-repeat;
height: 33px;
#container #sidebar1 #content {
padding-right: 16px;
padding-left: 13px;
padding-bottom: 10px;
padding-top: 0px;
margin-top: 0px;
#mainContent #content {
padding-right: 16px;
padding-left: 30px;
#mainContent #content #quick_search_area {
padding-left: 20px;
#content #featured_property_title {
padding-left: 140px;
#content #featured_listing #FlashID2 {
clear: both;
float: none;
margin-top: 292px;
margin-left: 391px;
position: absolute;
#mainContent #content #buyer_program #abr_logo {
width: 196px;
float: right;
#mainContent #content #buyer_program #list li {
font-size: 16px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
#mainContent #content #marketing_plan #epro-logo {
width: 196px;
float: left;
margin-right: 15px;
#container #mainContent #content #marketing_plan p .bold {
text-align: left;
#container #mainContent #content #media-1 {
width: 640px;
height: 340px;
#mainContent #content #media-1 #video-1 {
width: 400px;
float: left;
#mainContent #content #media-1 #video-1_text {
height: 320px;
width: 220px;
margin-left: 400px;
margin-top: 0px;
padding-top: 0px;
padding-right: 5px;
padding-left: 10px;
#mainContent #content #media-1 #video-1_text p a img {
float: right;
margin-right: 65px;
margin-top: 15px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
#container #sidebar1 #content #stick {
padding-left: 44px;
#container #sidebar1 #content #social-media-buttons {
margin-bottom: 0px;
margin-left: 22px;
#container #sidebar1 #content #index_like {
padding-left: 12px;
#sidebar1 #content #my_listings {
padding-left: 7px;
#sidebar1 #content #info_1 {
padding-right: 15px;
padding-left: 15px;
#sidebar1 #content #info_2 {
padding-right: 15px;
padding-left: 15px;
#sidebar1 #content #info_3 {
padding-right: 15px;
padding-left: 15px;
#sidebar1 #content #sidebar_flash_ad {
padding-left: 50px;
#container #container #mainContent2 {
background-image: url(../images/2-column/thin-sidebar/main-middle.png);
background-repeat: repeat-y;
margin-right: 269px;
#container #container #sidebar2 {
width: 269px;
float: right;
background-image: url(../images/2-column/thin-sidebar/sidebar-middle.png);
background-repeat: repeat-y;
#container #sidebar2 #content {
padding-right: 15px;
padding-left: 11px;
#sidebar2 #content #info-1 {
padding-right: 10px;
padding-left: 10px;
#mainContent2 #main-bottom2 {
background-image: url(../images/2-column/thin-sidebar/main-bottom.png);
background-repeat: no-repeat;
height: 33px;
#mainContent2 #content {
padding-left: 30px;
padding-right: 15px;
#sidebar2 #sidebar-bottom2 {
background-image: url(../images/2-column/thin-sidebar/sidebar-bottom.png);
background-repeat: no-repeat;
height: 33px;
#sidebar2 #content #paul_logo {
margin-left: 7px;
#listings-table table tr td {
border: 1px solid 484848;
height: 199px;
width: 299px;
#listings-table table tr td img {
border: 1px solid #000;
#navigation {
height: 32px;
margin: 0px;

Your template contains an IE Conditional Comment that is adding 30px of top padding to #sidebar1. This padding may required in older versions of IE but not IE9.

To fix it, change [if IE] to [if lt IE 9]
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Fixed Nav Bar, Fixed Sidebar, Scroll Main Content

Similar Messages

Maybe you are looking for