[OpenLayers-Users] full screen mode and other html objects

[Imran Rajjad]

Hi,

I`m trying to make a full screen map. the problem I am facing is that
open layers is rendering the tiles over my html content which is
outside the map div. I have set the fallthrough=false but I think that
is related to events .


my html code:
<div id="map"></div>
<div id="table" style="position:absolute;top:500px;left:400px;width:20px">
      		      <table id="table_indicator" align="centre">
	                                    <tr>
	                                      <td id="tdError" width="20"
align="centre"></font></td>
	                                    </tr>
	                                    <tr>
	                                      <td id="tdLoading" width="20"
align="centre"></font></td>
	                                    </tr>
	                   </table>
</div>

map initialization:

 map = new OpenLayers.Map('map', { // initializing map div
                    controls: [ // adding controls
                        new OpenLayers.Control.Navigation(), //buttoms
                        new OpenLayers.Control.PanZoomBar(),//bar
                        new OpenLayers.Control.LayerSwitcher(),
//{'ascending':false} omited for now
                        new OpenLayers.Control.ScaleLine(),
                        new OpenLayers.Control.MousePosition(), //
mouse position will be displayed
                        new OpenLayers.Control.OverviewMap(),
                        new OpenLayers.Control.KeyboardDefaults() //
keyboard pan
                    ],
                    numZoomLevels: 20,
                    fallThrough: false
                });




What could I be doing wrong here?
-- 
I.R