Yes! Thank you very much, Masashi.K for showing me that it is possible, and making me realize I needed to put a right margin on my map div (not a google maps problem at all, just my css).
Helen Masashi.K wrote: > Hi Helen Triolo > > Is your question solved by the code below? > ------------------------------------------------------------------------------------------ > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" > "http://www.w3.org/TR/html4/loose.dtd";> > <html> > <head> > <meta http-equiv="Content-Type" content="text/html; charset=utf-8" / > > <title>Test of width:100%</title> > <!--[if IE]> > <style type="text/css"> > .twoColLiqRt #sidebar1 { padding-top: 30px; } > .twoColLiqRt #mainContent { zoom: 1; padding-top: 15px; } > </style> > <![endif]--> > > <style type="text/css"> > body { > font: 100% Verdana, Arial, Helvetica, sans-serif; > background: #666666; > margin: 0; > padding: 0; > text-align: center; > color: #000000; > } > .twoColLiqRt #container { > background: #FFFFFF; > border: 1px solid #000000; > text-align: left; > } > > .twoColLiqRt #sidebar1 { > float: right; > width: 330px; > height:500px; > background: #cccc00; > padding: 0; > } > .twoColLiqRt #sidebar1 h3, .twoColLiqRt #sidebar1 p { > margin-left: 10px; > margin-right: 10px; > } > > .twoColLiqRt #mainContent { > margin: 0 330px 0 0px; > } > > > </style> > <script src="http://maps.google.com/maps? > file=api&v=2&key=..." > type="text/javascript"></script> > <script type='text/javascript'> > function makemap() { > if (GBrowserIsCompatible()) { > var point = new GLatLng(39.10500, -77.15700); > var map = new GMap2(document.getElementById("mainContent")); > map.setCenter(point, 14); > } > } > </script> > > </head> > > <body class="twoColLiqRt" onload="makemap()" style="margin:0" > onUnload="GUnload()"> > > <div id="container"> > <div id="sidebar1"> > <h3>sidebar</h3> > <p>something on the right</p> > <!-- end #sidebar1 --></div> > <div id="mainContent" style="height:500px;"></div> > <br class="clearfloat" /> > <!-- end #container --></div> > <div style="clear:both;background-color:#ffffff;text- > align:center">something on the bottom</div> > </body> > </html> > > > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Google Maps API" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/Google-Maps-API?hl=en -~----------~----~----~----~------~----~------~--~---
