[OpenLayers-Users] Control.Panel outside Map Div

Wed Oct 3 15:03:36 EDT 2007

Hello!!!
Is there any chance to put a Panel (a collection of buttons in my case)
outside the Map.
I have tried with the 'div' option, but doesn't work for me.
Am I doing something wrong?.
Thanks
Here is the page:

<style type="text/css">
        #map {
           width: 650px;
           height: 550px;
           border: 1px solid black;
        }
        .olControlPanel div {
            display: block;
            float: left;
            margin: 3px;
            width: 24px;
            height: 24px;
            background-color:red;
        }...

<script type="text/javascript">
var panel = new OpenLayers.Control.Panel({div:$('panel')});
            panel.addControls([
                new OpenLayers.Control.MouseDefaults(), // DragPan +
MouseWheel
                new OpenLayers.Control.ZoomBox(),
                new OpenLayers.Control.ZoomToMaxExtent()
            ]);
map.addControl(panel);

<body onload="init()">
    <table>
      <tr>
        <td style="width:40px" valign="middle" rowspan="3"><div
id="panzoombar"></div></td>
        <td colspan="3" align="right"><div id="panel"></div></td>
      </tr>
      <tr>
        <td colspan="3"><div id="map"></div></td>
      </tr>
      <tr>
        <td align="left" style="font-size:0.8em; font-family:Verdana"><div
id="scale"></div></td>
        <td align="right" style="font-size:0.8em; font-family:Verdana"><div
id="position"></div></td>
      </tr>
    </table>
    <div id="nodelist"></div>
</body>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.osgeo.org/pipermail/openlayers-users/attachments/20071003/be1cecec/attachment.html