1 Reply Latest reply on Oct 5, 2011 7:10 AM by mytaxsite.co.uk

    Map pushes text behind footer

    cartac

      I am new to HTML so please bear with me! Using a template in DW and I added the map in place of one that was there in the template, this caused the text to push down but the page did not extend down so its covered by the footer. Code is below, map placement is fine but the text highlighted in bold is what is missing. Thanks for the insight!

       

      <div class="block2">

                 <a class="close" href="index.html"> <img src="images/close.png"  alt="" /></a>

                  <img src="images/meetingBanner.png"  alt="" width="415" height="110"  />

      <div class="pad-3"><div class="wrapper">     <p>       <div id="map_canvas"><div><iframe width="300" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?oe=utf-8&client=firefox-a&ie=UTF8&q=the+alexan+sacramento&fb=1 &gl=us&hq=the+alexan&hnear=0x809ac672b28397f9:0x921f6aaa74197fdb,Sacramento,+CA&hl=en&view =map&cid=10756800923304791802&t=m&vpsrc=0&ll=38.56263,-121.468706&spn=0.005034,0.006437&z= 16&iwloc=A&output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?oe=utf-8&client=firefox-a&ie=UTF8&q=the+alexan+sacramento&fb=1 &gl=us&hq=the+alexan&hnear=0x809ac672b28397f9:0x921f6aaa74197fdb,Sacramento,+CA&hl=en&view =map&cid=10756800923304791802&t=m&vpsrc=0&ll=38.56263,-121.468706&spn=0.005034,0.006437&z= 16&iwloc=A&source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small></div>

                 

                  <div class="box-5"><div class="wrapper">

                                                <p>The Company Name Inc.<br/>

      8901 Marmora Road,<br/>

      Glasgow, D04 89GR.</p>

                                                  <span class="phone1">+1 800 559 6580</span> Freephone:<br/>

                                                <span class="phone1">+1 800 603 6035</span>Telephone:<br />

                                                <span class="phone1">+1 800 889 9898</span>FAX: <br />

                                                <b>E-mail:</b> <a class="link-4"  href="#">mail@demolink.org</a> </div> </p>

                 

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

      <div class="block-footer">

      <div class="wrapper"><div class="fleft">

      <ul class="footer-nav">

      <li><a href="index-1.html">Home</a></li>      

      <li><a href="news.html">Bio</a></li>      

      <li><a href="meetLia.html">Folio</a></li>      

      <li><a href="consultantEd.html">Services</a></li>      

      <li><a class="active" href="meetings.html">Mail Me</a></li>

      </ul>

      </div>

      <span class="footer-link1"><!--{%FOOTER_LINK}--></span>

      </div>

       

       

      CSS for "block 2 & box 5

      .block2 {

          background:url(../images/bg-footer.png) left top repeat;

          border-radius:28px;

          -moz-border-radius:28px;

          -webkit-border-radius:28px;

          behavior: url(js/PIE.htc);

          position:relative;

          width:875px;

          margin-left:84px;

          padding-left:31px;

          padding-top:40px;

      }

      }

      .box-5 {

          width:275px;

          font-family:"Times New Roman", Times, serif;

          font-size:18px;

          color:#9b9b9b;

          line-height:1.333em;

          float:left;

      }