Variable height for map

src/main/resources/eu/simstadt/regionchooser/website/index.html

@@ -26,9 +26,9 @@
 				<li class="title">Simstadt Region Chooser</li>
 			</ul>
 		</div>
-		<div id="map" class="map" tabindex="0" style="height: 660px;"></div>
+		<div id="map" class="map" tabindex="0"></div>
 		<div id="side">
-			<div id="dataPanel" style="height: 660px;"></div>
+			<div id="dataPanel" ></div>
 		</div>
 		<script src="script/simstadt_openlayers.js" type="text/javascript"></script>
 	</body>

src/main/resources/eu/simstadt/regionchooser/website/style/style.css

@@ -77,7 +77,8 @@ div#header{
 
 div#map{
 	width:70%;
-	height:80%;
+	min-height:660px;
+	height: auto;
 	float:left;
 	outline: 0;
 	background-color: #f9f7f7;
@@ -107,7 +108,7 @@ div#dataPanel{
 	box-sizing: border-box;
 	color: #3f72af;
 	background-color: #f9f7f7;
-	height:80%;
+	height:660px;
 	overflow:auto;
 	border:1px solid #dbe2ef;
 	font-family: Consolas,monaco,monospace;