I am very new to Openlayers, so I thought I would play around with one of the examples (the Google with overlay one).
I can get that to work OK, but then I though I'd try to position the div where the map is show. I tried two ways: using a stylesheet ( #map { position: ...... ) and a table. Neither of these things work. I just see a blank page. Below is my code for the one I did with the table. Can anyone tell me if I'm just doing something wrong, or does OpenLayers not allow you to mess with the position of it's div? ------------------------------------------ <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Page</title> <script src='http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ'></script> <script src="JavaScript/OpenLayers.js"></script> <script type="text/javascript"> var map; function init(){ map = new OpenLayers.Map('map'); var satellite = new OpenLayers.Layer.Google( "Google Satellite" , {type: G_SATELLITE_MAP} ); var wms = new OpenLayers.Layer.WMS( "World Map", "http://world.freemap.in/cgi-bin/mapserv", { map: '/www/freemap.in/world/map/factbooktrans.map', transparent: 'TRUE', layers: 'factbook' }, {'reproject': true} ); map.addLayers([satellite, wms]); map.setCenter(new OpenLayers.LonLat(10.205188,48.857593), 5); map.addControl( new OpenLayers.Control.LayerSwitcher() ); } </script> </head> <body onload="init();"> <table> <tr> <td>Some text</td> </tr> <tr> <td> <div id="map"></div> </td> </tr> </table> </body> </html> -- View this message in context: http://n2.nabble.com/Putting-map-div-in-a-table-won%27t-work-tp834581p834581.html Sent from the OpenLayers Users mailing list archive at Nabble.com. _______________________________________________ Users mailing list Users@openlayers.org http://openlayers.org/mailman/listinfo/users