Results 1 to 3 of 3

Thread: Drop-in content box not staying in place

  1. #1
    Join Date
    Jan 2012
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Drop-in content box not staying in place

    1) Script Title: Drop-in content box

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...amazondrop.htm

    3) Describe problem: We have put this into our website, however when you view it in IE or Chrome on a latop (wider screen than my desktop) the box moves to another position, or by zooming in or out of the page. So it is like it is not staying where I have coded it to land. The problem is that when viewed on a laptop it covers up the logo and other important information.

    The position is set to absolute which should be right.

    Does anyone have a work around for this problem?

    Here is the url to the site http://www.marknaji.com

  2. #2
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,891
    Thanks
    2
    Thanked 441 Times in 435 Posts

    Default

    move the dropin box HTML into a relative positioned div

    Code:
    	<div id="topmenu">
    		<ul>
    
    		  <li><a href="http://franko.meemopics.com" target="_blank"><span>FRANKO</span></a></li>
    			<li><a href="whatsnew.html"><span>WHAT'S NEW</span></a></li>
    			<li><a href="bio.html"><span>BIOGRAPHY</span></a></li>
    			<li><a href="gallery.html"><span>GALLERY</span></a></li>
    
    			<li><a href="officialblog.html"><span>OFFICIAL BLOG</span></a></li>
                <li><a href="http://www.imdb.com/name/nm3542722/resume" target="_blank" title="Mark Naji's Resume"><span>Resume</span></a></li>
    
     					<li><div style="position:relative;left:0px;top:-100px;width:0px;height:10px;background-Color:red;" >
    <div id="dropinboxv2cover">
    <div id="dropinboxv2">
    
    <h5>Mark Naji recently starred on Fox's hit show TOUCH EPS.10 titled Tessellations!<a href="http://www.fox.com/touch/full-episodes/17911601/" target="_blank"> Watch on Fox.com</a></h5><h4><font color="#000000">Managed by: MGM Talent Management <br />German Morales Phone: 951-347-1653</font></h4>
    <p align="right" class=""><a href="#" onClick="dismissboxv2();return false">Close It</a></p>
    
    </div>
    </div>
                        </li>
    
    
    		</ul>
      </div>
    and change the positional variables

    Code:
    var dropboxleft=20 //set left position of box (in px)
    var dropboxtop=25 //set top position of box (in px)
    var dropspeed=15 //set speed of drop animation (larger=faster)
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  3. #3
    Join Date
    Jan 2012
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thank you! That worked perfectly. I appreciate it

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •