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

HTML:

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

CSS:

.homepage section[role=main] {

}

#fragment homepage{
	
}

#container{
	height:100%;
}
	

body{

}

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

#mapBar{     
   width: 20%;
   height: 100%;
   float: left;
}

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
  • wholesale nfl jerseys
  • wholesale nfl jerseys china
  • wholesale sports jerseys