Reputation: 877
We plan to have two div as below. The left div we plan to keep it fix with any resolution. The right div the map we plan to grow the width according to the resolution how achieve that?
<body>
<div id="left" style="position:absolute;top:0px;left:0px; width:220px;">
</div>
<div id="map" style="position:absolute;top:0px;left:250px; width:780px; height:100%">Map goes here.
</div>
</body>
Upvotes: 0
Views: 95
Reputation: 7778
I hope you are looking like this : http://jsfiddle.net/BNvke/2/
CSS
#left {
width:220px;
float:left;
background:red;
}
#map {
background:yellow;
}
HTML
<body>
<div id="left">stackoverflow
</div>
<div id="map" >Map goes here.
</div>
</body>
Upvotes: 1