100% Height Sidebar, with scrollable content.

Hello - I am having difficulting getting the desired effect on a website I am currently developing. The code/site can be viewed here:
http://www.innosparkllc.com/client_websites/woodlands2/index.html
The point of concern relates to the sidebar. As you'll see, via the link, I have an img (tree trunk) as the background. The image is currently part of the HTML, not CSS. The sign/logo, contact form, and tree are all 'fixed' position. For many screen sizes, this works great, no concerns. However, for smaller screen sizes, some of the contact form get's cut off. For example, on my 13" MacBook, I am unable to use the form, because the 'submit' button is not visible.
What I want to do is this:
Tree trunk background always fills 100% of the browser height. I want the content to scroll up and down, along with the tree, when the screen size is such that content would otherwise be cut short.
Hopefully I've explained thoroughly, and that the link provided further clarifies. I've done many google searches, but am having problems coming up with a solution. Any advice is greatly appreciated.

Hello,
Unfortunately tis feature is not there is Adobe Muse till now.
A feature request has already been logged for same : http://forums.adobe.com/ideas/1858#comment-5070
I would suggest you to add your valuable comments to the post.
Regards,
Sachin

Similar Messages

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

100% height sidebar

Is it possible to create a sidebar with a background rectangle element that extends 100% of the page height?

Hello,
Unfortunately tis feature is not there is Adobe Muse till now.
A feature request has already been logged for same : http://forums.adobe.com/ideas/1858#comment-5070
I would suggest you to add your valuable comments to the post.
Regards,
Sachin

Problem with scrollable content in cs6

hi out there
well since i while i'm using the cs6 to create folios. now i have a problem i didn't have in cs5.5. if i create a scrollable content ("durchlaufbarer rahmen" in german) in the folio overlays i can't navigate on the area where this element ist placed. if i place a full screen scrollable content on one page and open the folio on the ipad i'm stuck at this page...
...hope someone out there knows a way to fix this problem.
thanks - alex

So there is a way to retain the PDF version of an article with this?
I've tried adding an MSO over a scrolling area of text (separate from the frame, but still on top of it), and I've also tried placing it within the scrolling frame.
Neither of these worked.
Is there something I'm missing? What specifically allows this workaround to work? I'd love to include some full page scrolling content without making the viewer get stuck on one scrolling page in the middle of the document.

Problems with Scrollable Content : colored lines appear

Hello,
We have a book with several Scrollable Content (around a total of 200).
The fact is that in many colored lines appear. These lines appear i disappear when changing article,
anyone have any solution?
THANKS

Hi
I had the same problem. I had pasted the scrollable content directly into the container frame, but the pasted content was slightly 'taller' than the container window (the pasted object group was maybe 0.012 pixels larger than the container, so very slight) this caused it to display the coloured lines when I moved it up or down, although left and right movement worked fine. Resizing so the pasted content was smaller and exact pixels not 0.123 px (or the same size) as the container fixed it.
M

100% height table with bg image

I need to have a table that is centred and fills 100% height only in the browser. In it will be a background image. Can anyone tell me how to do this? I need to do it as soon as possible as the client has just changed their mind after I completed the job.

Code below, taken from link below, if youre inclined to want to read about how to do it:
http://apptools.com/examples/tableheight.php
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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
html, body, #wrapper {
      height:100%;
      margin: 0;
      padding: 0;
      border: none;
      text-align: center;
   #wrapper {
      margin: 0 auto;
      text-align: left;
      vertical-align: middle;
      width: 400px;
</style>
</head>
<body>
<table id="wrapper" border="0" cellspacing="0" cellpadding="0">
      <tr>
         <td>This is centered</td>
      </tr>
   </table>
</body>
</html>

In the vertical page with scrollable content, i can´t swipe to next article. why?

in the vertical version of the page with one scrollable content frame, i can´t swipe to next article. the scrollable content frame has in both versions the exact size of the page. in the horizontal version this works perfectly. Used folio builder v22, pdf and smothscrolling off.
Message was edited by: lost in dps

Thanks for the answer. But i found out, that it was my fault. A status of an object was outside the scrolling content frame. But thank you for the possibilty to ask questions.

Dynamic height in a table with scrollable content

Hello,
i have in a web dynpro a table. The table is scrollable. At present i have a fixed height. Is it possible that i have a dynamic height, so that the table for example has a height of 70 percents from the page.
I try that but it doesn't work. Have any one a solution or is it not the supported in web dynpro's?
best regards
Markus Jura

Markus,
There is no way to define height of table in percents of parent container. You may only manipulate number of visible rows. For example, bind corresponding IWDTable property to context attribute of type int and change value of this attribute dynamically (in wdDoInit and/or action handlers code)
Valery Silaev
EPAM Systems
http://www.NetWeaverTeam.com

ITunes match creating 100s of playlists with no content

Since upgrading (?) to itunes match I know have hundreds of playlists that iIdid not create.They hav eno content in theM.
Tre all titled "Gen" and they thave slowed my itunes down to a crawl and are immposable to delete.
any ideas?

Yes, I suggest you do a search of the forum, or just look to the right column on this page for "more like this". You should be able to come up with postings by other people who have had the same problem, as well as some possible solutions.

How can I create banners with 100% height?

I want the homepage to load with 100% height and there buttons that anchor to sections further down the website that I also want to be 100% height when scrolled to.

3rd post on same question by same user :
Re: how can I Create function with an out Parameter
how can I Create function with an out Parameter

Can an i-frame resize the page height and itself with new content?

I built a website in Adobe Muse and embedded a blog within an i-frame on the portfolio page of the site here...
http://dannyhardakervideo.co.uk
This approach was taken because the client needed the ability to keep adding videos to the portfolio section of the site themselves indefinitely and
i was short on ideas to implement that functionality with Muse. I've now exported the code as HTML to Dreamweaver to see what I can achieve there.
Using Dreamweaver, Is it possible for the page height and i-frame height to resize with new content as more videos are added to it? Is there some script I can add to the page?
Is there a better solution?
PLEASE HELP.

Ordinarily, Iframe re-size scripts will only work when the parent page (with iframe) and the external page (blog) both reside on the same domain. However, someone came up with a cross domain solution which requires you to put jQuery scripts on both sites. NOTE: I've never tested this.
https://github.com/davidjbradshaw/iframe-resizer
IMO, a cleaner solution is to use scripts to parse the blog's RSS feed into the main site. You can use PHP code from FeedForAll or jQuery's jFeed plugin.
http://alt-web.blogspot.com/2011/06/adding-blogger-rss-feed-to-html-page.html
https://github.com/jfhovinne/jFeed
The main advantage in using a script to parse feeds is you control the appearance -- to match your main site & how many posts are displayed on the page.
Nancy O.

Create an image with 100% height?

Hi,
I am working on a project and require an image to stretch to
the full height of the table cell.
The width will be fixed at 40 pixels, but I require the
height to always be 100% of the cell.
I have tried simply adding the height tag as 100%, but this
proves inconsistent in various browsers.Is there a way in which I
can achieve this, so it will work consistently on all browsers and
platforms?
Many thanks

Make it a background image and let it tile to fill the space.
Or just use
an HTML color background.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"TangentGraphic" <[email protected]> wrote
in message
news:euftp1$d1s$[email protected]..
> Sorry in delayed response - Adobe server down...
>
> The image is a flat coloured gif - image distorsion is
not an issue. Are
> you aware of my best way to achieve its 100% height?
>
> Thanks

100% Height with Parallax Scrolling?

I have an anchor point style parallax scrolling, I was wondering if I could have 100% height of my slideshow or image background when i maximize my screen, as you can see their is a white space below it that I do not like
http://i.imgur.com/AryW4v1.jpg

Hi,
As of now, Muse does not offer the option of 100% height objects. You can use the fullscreen slideshow widget if you want the image slideshow across your complete page.
Also, Please post this as a feature request at Ideas for features in Adobe Muse
Hope this helps
Regards,
Rohit Nair

CSS layout - how to get 100% height

I'm starting with a Dreamweaver template (2 column elastic,
left sidebar, header and footer). It's set up in CSS so that there
is a div container with a few other divs inside it. I want 100%
width and height. In the CSS for the container, I added width: 100%
and height: 100%. Width is now 100%, but height is not responding.
This is the only code I changed from the original template.
Any idea how to get my height to 100%?
Thanks!

Google "Faux columns".
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"OxfordFishSalon" <[email protected]> wrote
in message
news:fvd5b0$t6k$[email protected]..
> Also, saw this post in another thread, which seems
helpful, but It'd be
> great
> if someone could elaborate on these methods a bit (faux
columns?):
>
>
quote:
Originally posted by:
Newsgroup User
> Sorry Snake, that's not a reliable method for a number
of reasons, not the
> least of which is that if you have a window height that
causes the content
> to be scrolled, the content will escape its box.
>
> Faux columns is the most reliable method to use,
although there are
> image-less methods using negative margin and padding
that will also work.
>
> --
> Al Sparber - PVII
>
http://www.projectseven.com
> Extending Dreamweaver - Nav Systems | Galleries |
Widgets
> Authors: "42nd Street: Mastering the Art of CSS Design"
>
>
> "SnakEyez02" <[email protected]> wrote
in message
> news:fl1ak3$9o5$[email protected]..
> > Check out this post:
> >
> >
http://www.webmasterworld.com/forum83/200.htm
> >
>
>
>
>
>

How do I repeat image 100% height in a box within the template

I have built a new template that already has a background image behind the content area. This background image is 100% width and height. Now I have made the header area, the content area and the footer area. What I am needing some help with is: I want to have a box behind the content area that continues into the footer. In that box I want a repeated background pattern that continues regardless of the amount of content in the content area. I know how to do this using tables and code, but I can't seem to figure it out in MUSE. I have added the box, added the repeated verticle image, but it won't expand downward 100% height. It just stops at the height of the box that was built in MUSE and then the repeated background stops too... Can someone explain to me how to do this properly? It's all I have left and then this site template is complete.
Tom

Can you elaborate please. I have built a template (or master page) with this box in it and it starts just below the line of the header and extends to the bottom of the page. It has a repeated verticle image inside it. What happens though is that I build a page and assign the master to it, add a content box into the page for text and images. If the content extends downward past the original size of the master page box height, the box will not extend itself with the height needed for the content. IE: if the box is 600px high in the master and then the content is 1000 px high, the box will not expand to the 1000 px height and instead stop at the 600 px height.
Is there a tutorial with this in it somewhere? I have build numerous MUSE sites both small and large and have yet to do this repeatable background pattern behind just the content area separate from the background image itself.
Thanks for your help.
Tom

100% Height Sidebar, with scrollable content.

Similar Messages

Maybe you are looking for