2 Column Layout Example with Bing Map Windows 8 JavaScript (WinJS)

Here is an example of 2 column HTML  layout that will work with a Bing Map. You can easily create a multicolumn layout map adding a div inside “container” and adjusting the width  percentage.

2 column layout windows 8 HTML


    <div class="fragment homepage">
    	<div id="container"> 
    		<div id="mapDiv" > </div>
    		<div id ="mapBar" ></div>


.homepage section[role=main] {


#fragment homepage{




   width: 80%;
   height: 100%;
   float: left;
   position:relative; //important for map to not fill screen

   width: 20%;
   height: 100%;
   float: left;

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Graveyard Database Logo

Has everything you want to know about grave yards. Plus has many celebrites and world leaders graves. Pssst it is my other site

Google + Profile
Check out Android Photo Mapping, its a app/site I been working on
Fabulou wholesale Petr Mrazek jersey is back. Best choice to get the wholesale Petr Mrazek jersey is suitable for all style of people.