Attempting to create a responsive page with two distinct sections at this example link including:
- Map View
- Table View
Both of these views (table and map divs) need to be responsive without a hard-coded height, so the size of the map div adjusts automatically based on the viewport. Currently, the size is hardcoded. How can this issue be resolved?
In addition to the table and map views, there are two control buttons named "gomap" and "gotable". While I have successfully positioned the "gomap" button in the second div (table), I am struggling to add the first control.
<!DOCTYPE html>
<html>
<head></head>
<body>
<div id="map"></div>
<div id="table"></div>
</body>
</html>