Hello!!!<br>Is there any chance to put a Panel (a collection of buttons in my case) outside the Map.<br>I have tried with the &#39;div&#39; option, but doesn&#39;t work for me.<br>Am I doing something wrong?.<br>Thanks<br>
Here is the page:<br><br>&lt;style type=&quot;text/css&quot;&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; #map {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; width: 650px;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; height: 550px;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; border: 1px solid black;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <span style="font-weight: bold;">
.olControlPanel div { </span><br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; display: block;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; float: left;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; margin: 3px;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; width: 24px;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; height: 24px;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; background-color:red;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }...
<br><br>&lt;script type=&quot;text/javascript&quot;&gt;<br>var panel = new OpenLayers.<span style="font-weight: bold;">Control.Panel({div:$(&#39;panel&#39;)});</span><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; panel.addControls([<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; new 
OpenLayers.Control.MouseDefaults(), // DragPan + MouseWheel<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; new OpenLayers.Control.ZoomBox(),<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; new OpenLayers.Control.ZoomToMaxExtent()<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ]);<br>map.addControl(panel);<br>
<br>&lt;body onload=&quot;init()&quot;&gt;<br>&nbsp;&nbsp;&nbsp; &lt;table&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td style=&quot;width:40px&quot; valign=&quot;middle&quot; rowspan=&quot;3&quot;&gt;&lt;div id=&quot;panzoombar&quot;&gt;&lt;/div&gt;&lt;/td&gt;
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="font-weight: bold;">&lt;td colspan=&quot;3&quot; align=&quot;right&quot;&gt;&lt;div id=&quot;panel&quot;&gt;&lt;/div&gt;&lt;/td&gt;</span><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td colspan=&quot;3&quot;&gt;&lt;div id=&quot;map&quot;&gt;&lt;/div&gt;&lt;/td&gt;
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td align=&quot;left&quot; style=&quot;font-size:0.8em; font-family:Verdana&quot;&gt;&lt;div id=&quot;scale&quot;&gt;&lt;/div&gt;&lt;/td&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td align=&quot;right&quot; style=&quot;font-size:
0.8em; font-family:Verdana&quot;&gt;&lt;div id=&quot;position&quot;&gt;&lt;/div&gt;&lt;/td&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<br>&nbsp;&nbsp;&nbsp; &lt;/table&gt;<br>&nbsp;&nbsp;&nbsp; &lt;div id=&quot;nodelist&quot;&gt;&lt;/div&gt;<br>&lt;/body&gt;<br><br>