PDA

View Full Version : Drop-in content box not staying in place



mkhouzam76
06-14-2012, 07:31 AM
1) Script Title: Drop-in content box

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/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

vwphillips
06-14-2012, 08:58 AM
move the dropin box HTML into a relative positioned div


<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



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)

mkhouzam76
06-16-2012, 08:00 PM
Thank you! That worked perfectly. I appreciate it :)