user837306
user837306

Reputation: 877

How to grow right div accordingly?

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

Answers (1)

Shailender Arora
Shailender Arora

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

Related Questions