<div dir='ltr'>So I found the problem. First I wasn't setting top to auto. Since it was set in the style.css file to 10px, and when I changed it in the style.css file it to auto the bottom worked. But then my css file wasn't working. I found an OpenLayers example for Pan and Zoom, and eventually found that the difference between what I was doing and what they were doing was that I hadn't loaded the style.css file explicitly at the beginning of the page. So it seems that the OpenLayers Map, when it is created, causes the style.css file to be read late, after my css was read, and so it overrode my override. When I did an early load (beginning of the page) it worked perfectly.<div><br></div><div>Seems that the attribution control, created when I create a map Layer, must read the current CSS, since the map hasn't yet been created on the page, and so it never needed for me to do the early load. If I remove the early load, it still takes the changes made from my css file. But removing the early load causes the Pan and Zoom controls to no longer respond to my changes, so I assume this means that the Map object is reading the styling after the late load of the style.css file, which at that point has already overridden my css.</div><div><br></div><div>Go figure...<br><br><div><div id="SkyDrivePlaceholder"></div><hr id="stopSpelling">Date: Thu, 4 Apr 2013 01:38:55 -0700<br>From: <a href="/user/SendEmail.jtp?type=node&node=5044788&i=0" target="_top" rel="nofollow" link="external">[hidden email]</a><br>To: <a href="/user/SendEmail.jtp?type=node&node=5044788&i=1" target="_top" rel="nofollow" link="external">[hidden email]</a><br>Subject: Re: olControlPanPanel not responding to a bottom property<br><br>
<div>
<div>
<div>Im my application it gives me this class on the zoom controller: </div>
<div><br>
</div>
<div><br>
</div>
<div><div id="OpenLayers.Control.PanZoomBar_4" style="position: absolute; left: 4px; bottom: 0px; z-index: 1003;" class="olControlPanZoomBar olControlNoSelect" unselectable="on"></div>
<div><br>
</div>
<div><br>
</div>
<div>So the name could be wrong? And also, i don't know why as i haven't investigated on the issue. But there seems to be some sort of hidden area below the map. So i had to set the bottom offset to something like 200px before it appeared on the map.
</div>
<div><br>
</div>
</div>
<div><font face="Consolas,monospace">Med vennlig hilsen / Kind regards,</font></div>
<div><font face="Consolas,monospace"> </font></div>
<div><font face="Consolas,monospace">Christer Nordbø</font></div>
</div>
<div><font face="Consolas,monospace"><br>
</font></div>
<div style="font-family:Consolas, monospace;font-size:12px;">On 03.04.13 18:17, "bmahf" <<a href="http:///user/SendEmail.jtp?type=node&node=5044499&i=0" rel="nofollow" target="_blank" link="external">[hidden email]</a>> wrote:</div>
<div style="font-family:Consolas, monospace;font-size:12px;"><br>
</div>
<blockquote style='border-left:2px solid #CCCCCC;padding:0 1em' style="border-left:2px solid #CCCCCC;padding:0 1em;" id="ecxMAC_OUTLOOK_ATTRIBUTION_BLOCKQUOTE">
<div>I am trying to move my PanPanel and ZoomPanel controls from top left to</div>
<div>bottom left. I tried adding my own css as follows:</div>
<div><br>
</div>
<div>.olControlPanPanel</div>
<div>{</div>
<div> bottom: 0px!important;</div>
<div>}</div>
<div><br>
</div>
<div>.olControlZoomPanel</div>
<div>{</div>
<div> bottom: 0px!important;</div>
<div>}</div>
<div><br>
</div>
<div>But nothing changed. Turns out I'm facing two issues:</div>
<div><br>
</div>
<div>1) Changes in my own css file don't seem to have an effect on either of</div>
<div>them.</div>
<div>2) If I, just for testing purposes, make the same change in styles.css, I</div>
<div>see the difference. The only problem is, the bottom property still does</div>
<div>not have the desired effect. It seems only to reposition the pan panel to</div>
<div>the bottom of the zoom panel, rather than the window, and the zoom panel</div>
<div>doesn't move at all.</div>
<div><br>
</div>
<div>I'm not sure what's up why my css file doesn't at least show these same</div>
<div>results. And I am trying to figure out why the bottom option doesn't work</div>
<div>when it works well with say olControlAttribution.</div>
<div><br>
</div>
<div>Ideas would help.</div>
<div><br>
</div>
<div><br>
</div>
<div><br>
</div>
<div>--</div>
<div>View this message in context: <a href="http://osgeo-org.1560.n6.nabble.com/olControlPanPanel-not-responding-to-a-bottom-property-tp5044353.html" rel="nofollow" target="_blank" link="external">
http://osgeo-org.1560.n6.nabble.com/olControlPanPanel-not-responding-to-a-bottom-property-tp5044353.html</a></div>
<div>Sent from the OpenLayers Users mailing list archive at Nabble.com.</div>
<div>_______________________________________________</div>
<div>Users mailing list</div>
<div><a href="http:///user/SendEmail.jtp?type=node&node=5044499&i=1" rel="nofollow" target="_blank" link="external">[hidden email]</a></div>
<div><a href="http://lists.osgeo.org/mailman/listinfo/openlayers-users" rel="nofollow" target="_blank" link="external">http://lists.osgeo.org/mailman/listinfo/openlayers-users</a></div>
<div><br>
</div>
<div><br>
</div>
</blockquote>
<br>_______________________________________________
<br>Users mailing list
<br><a href="http:///user/SendEmail.jtp?type=node&node=5044499&i=2" rel="nofollow" target="_blank" link="external">[hidden email]</a>
<br><a href="http://lists.osgeo.org/mailman/listinfo/openlayers-users" rel="nofollow" target="_blank" link="external">http://lists.osgeo.org/mailman/listinfo/openlayers-users</a><br>
<br>
<br>
<hr noshade="noshade" size="1" color="#cccccc">
<div style="color:#444;font:12px tahoma,geneva,helvetica,arial,sans-serif;">
<div style="font-weight:bold;">If you reply to this email, your message will be added to the discussion below:</div>
<a href="http://osgeo-org.1560.n6.nabble.com/olControlPanPanel-not-responding-to-a-bottom-property-tp5044353p5044499.html" target="_blank" rel="nofollow" link="external">http://osgeo-org.1560.n6.nabble.com/olControlPanPanel-not-responding-to-a-bottom-property-tp5044353p5044499.html</a>
</div>
<div style="color:#666;font:11px tahoma,geneva,helvetica,arial,sans-serif;line-height:1.5em;">
To unsubscribe from olControlPanPanel not responding to a bottom property, <a href="" target="_blank" rel="nofollow" link="external">click here</a>.<br>
<a href="http://osgeo-org.1560.n6.nabble.com/template/NamlServlet.jtp?macro=macro_viewer&id=instant_html%21nabble:email.naml&base=nabble.naml.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21nabble:email.naml-instant_emails%21nabble:email.naml-send_instant_email%21nabble:email.naml" rel="nofollow" style="font:9px serif;" target="_blank" link="external">NAML</a>
</div></div></div> </div>
<br/><hr align="left" width="300" />
View this message in context: <a href="http://osgeo-org.1560.n6.nabble.com/olControlPanPanel-not-responding-to-a-bottom-property-tp5044353p5044788.html">RE: olControlPanPanel not responding to a bottom property</a><br/>
Sent from the <a href="http://osgeo-org.1560.n6.nabble.com/OpenLayers-Users-f3910695.html">OpenLayers Users mailing list archive</a> at Nabble.com.<br/>