<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; color: rgb(0, 0, 0); font-size: 14px; font-family: Calibri, sans-serif; ">
<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="mailto:bmahf@hotmail.com">bmahf@hotmail.com</a>> wrote:</div>
<div style="font-family: Consolas, monospace; font-size: 12px; "><br>
</div>
<blockquote id="MAC_OUTLOOK_ATTRIBUTION_BLOCKQUOTE" style="font-family: Consolas, monospace; font-size: 12px; border-left-color: rgb(181, 196, 223); border-left-width: 5px; border-left-style: solid; padding: 0px 0px 0px 5px; margin: 0px 0px 0px 5px; ">
<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">
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="mailto:Users@lists.osgeo.org">Users@lists.osgeo.org</a></div>
<div><a href="http://lists.osgeo.org/mailman/listinfo/openlayers-users">http://lists.osgeo.org/mailman/listinfo/openlayers-users</a></div>
<div><br>
</div>
<div><br>
</div>
</blockquote>
</body>
</html>