<div dir="ltr"><div>Difference when logged in is that this code gets inserted before trigger-div:<br><br><b><span class=""><<span class="">div</span><span class=""> <span class="">class</span>="<span class="">contextual-links-wrapper contextual-links-processed</span>"</span><span class="">></span></span></b><div class="">
<div class=""><div class=""><b><span class=""><<span class="">a</span><span class=""> <span class="">class</span>="<span class="">contextual-links-trigger</span>"</span><span class=""> <span class="">href</span>="<span class="">#</span>"</span><span class="">></span><span class=""><span class=" ">Configure</span></span></<span class="">a</span>></span></b></div>
</div><div class=""><div class=""><b><span class=""><<span class="">ul</span><span class=""> <span class="">class</span>="<span class="">contextual-links</span>"</span><span class="">></span></span></b></div>
<div class=""><div class=""><div class=""><b><span class=""><<span class="">li</span><span class=""> <span class="">class</span>="<span class="">block-configure first last</span>"</span><span class="">></span></span></b></div>
<div class=""><div class=""><div class=""><b><span class=""><<span class="">a</span><span class=""> <span class="">href</span>="<span class="">/admin/structure/block/manage/slider_popup/slider_popup_block/configure?destination=homepanel</span>"</span><span class="">></span><span class=""><span class=" ">Configure block</span></span></<span class="">a</span>></span></b></div>
</div></div><div class=""><b><span class=""></<span class="">li</span>></span></b></div></div></div><div class=""><b><span class=""></<span class="">ul</span>></span></b></div></div></div><div class=""><b><span class=""></<span class="">div</span>></span></b></div>
<div class=""><span class=""><<span class="">div</span><span class=""> <span class="">class</span>="<span class="">trigger-div</span>"</span><span class="">></span></span></div><span class=""><<span class="">a</span><span class=""> <span class="">...</span></span></span><br>
<br></div>Now to figure out what it does to the positioning. <br></div><div class="gmail_extra"><br><br><div class="gmail_quote">On Sun, May 25, 2014 at 7:58 PM, Jamie Holly <span dir="ltr"><<a href="mailto:hovercrafter@earthlink.net" target="_blank">hovercrafter@earthlink.net</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div text="#000000" bgcolor="#FFFFFF">
<div><div class="trigger-div"><a
class="trigger active" href="#">Useful Links</a><p
class="panel-orient">right</p><div class="panel"
style="top: -40px; padding-right: 228px; padding-left: 30px;
right: 0px; left: auto; margin-right: 118px; display:
block;"><ul><br>
<li><br>
<h4><br>
<a a=""
href=<a href="http://polam.org/forms/WIRE_Form.pdf" target="_blank">"http://polam.org/forms/WIRE_Form.pdf"</a>>Outgoing wire
form</a></h4><br>
</li><br>
<li><br>
<h4><br>
<a a=""
href=<a href="http://polam.org/forms/IncomingForeign.pdf" target="_blank">"http://polam.org/forms/IncomingForeign.pdf"</a>>Incoming wire
form</a></h4><br>
</li><br>
<li><br>
<h4><br>
<a a=""
href=<a href="http://polam.org/rates/Loan_rates.pdf" target="_blank">"http://polam.org/rates/Loan_rates.pdf"</a>>Our
Rates</a></h4><br>
</li><br>
<li><br>
<h4><br>
<a a=""
href=<a href="http://polam.org/docs/fees.pdf" target="_blank">"http://polam.org/docs/fees.pdf"</a>>Our
Fees</a></h4><br>
</li><br>
</ul><br>
</div></div><br>
<br>
<br>
.trigger is just your link. You want .panel to position
absolutely, relative to it's parent element, which is
.trigger-div. The .trigger element is just another child of
.trigger-div, which doesn't send any rules to .trigger-div through
regular inheritance. <br>
<br>
As far as it working for logged in users, I have no way of telling
without being logged in, but bare basic debugging in your
browser's tools should give you an idea of what is going on. Most
likely you have a stylesheet coming in only for logged in users
that is assigning relative to that division, or something close to
it, moving up the DOM hierarchy. <br><span class="HOEnZb"><font color="#888888">
<pre cols="72">Jamie Holly
<a href="http://hollyit.net" target="_blank">http://hollyit.net</a></pre></font></span><div><div class="h5">
On 5/25/2014 9:59 PM, Tony wrote:<br>
</div></div></div><div><div class="h5">
<blockquote type="cite">
<div dir="ltr">
<div>Bottom part already had relative on trigger. I added top:0
to panel class No change<br>
</div>
But why does it behave differently when one signs in?<br>
<br>
</div>
<div class="gmail_extra"><br>
<br>
<div class="gmail_quote">
On Sun, May 25, 2014 at 12:51 PM, Jamie Holly <span dir="ltr"><<a href="mailto:hovercrafter@earthlink.net" target="_blank">hovercrafter@earthlink.net</a>></span>
wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div text="#000000" bgcolor="#FFFFFF">
<div><tt>Update Chrome and see if the REM issue is fixed.
They put a fix in on v34. </tt><br>
<br>
<a href="https://code.google.com/p/chromium/issues/detail?id=319623" target="_blank">https://code.google.com/p/chromium/issues/detail?id=319623</a><br>
<br>
If not, then this is always a good work around:<br>
<br>
body > div {<br>
{set font-size rem here}<br>
}<br>
<br>
For the bottom part, add position:relative to the
trigger-div. If you want the panel to position at the
top of that div, then you need to add a top:0 to the
panel div as well.<span><font color="#888888"><br>
<pre cols="72">Jamie Holly
<a href="http://hollyit.net" target="_blank">http://hollyit.net</a></pre>
</font></span>
<div>
<div> On 5/25/2014 2:23 PM, Tony wrote:<br>
</div>
</div>
</div>
<div>
<div>
<blockquote type="cite">
<div dir="ltr">
<div>Two things:<br>
</div>
<ul>
<li>Has anyone had experience or headaches with
this issue: <a href="http://stackoverflow.com/questions/20099844/chrome-not-respecting-rem-font-size-on-body-tag" target="_blank">http://stackoverflow.com/questions/20099844/chrome-not-respecting-rem-font-size-on-body-tag</a>?
If so what solved it for you?<br>
</li>
<li>My site <a href="http://polamdev.tony-mac.com" target="_blank">polamdev.tony-mac.com</a>
has a module in the footer. Look for green
button. Panel should slide out to the left
from the button but actually slides out at top
of page. BUT when I am logged in it behaves
'correctly' and slides out next to div with
green button. I have looked and looked but see
no permission problems, no css problems, no
script problems. What is different when I am
logged in, not knowing drupal that well? Any
help appreciated. <br>
</li>
</ul>
<p>Thanks</p>
<p>Tony<br>
</p>
<div>
<div><br>
-- <br>
<div dir="ltr">
<p><b><i>Anthony Stefan Maciejowski</i></b></p>
<p><b><i><a href="http://www.about.me/TonyMac" target="_blank">http://about.me/TonyMac</a></i></b></p>
<br>
<p> </p>
</div>
</div>
</div>
</div>
<br>
<fieldset></fieldset>
<br>
</blockquote>
<br>
</div>
</div>
</div>
<br>
--<br>
[ Drupal support list | <a href="http://lists.drupal.org/" target="_blank">http://lists.drupal.org/</a>
]<br>
</blockquote>
</div>
<br>
<br clear="all">
<br>
-- <br>
<div dir="ltr">
<p><b><i>Anthony
Stefan Maciejowski</i></b></p>
<p><b><i><a href="http://www.about.me/TonyMac" target="_blank">http://about.me/TonyMac</a></i></b></p>
<br>
<p>
</p>
</div>
</div>
<br>
<fieldset></fieldset>
<br>
</blockquote>
<br>
</div></div></div>
<br>--<br>
[ Drupal support list | <a href="http://lists.drupal.org/" target="_blank">http://lists.drupal.org/</a> ]<br></blockquote></div><br><br clear="all"><br>-- <br><div dir="ltr"><p><b style="font-family:'Lucida Handwriting',cursive;font-size:13px;background-color:rgb(255,255,255)"><i>Anthony Stefan Maciejowski</i></b></p>
<p><b style="font-family:'Lucida Handwriting',cursive;font-size:13px;background-color:rgb(255,255,255)"><i><a href="http://www.about.me/TonyMac" target="_blank">http://about.me/TonyMac</a></i></b></p><p></p><br><p>
</p></div>
</div>