CODEWITHSUNDEEP
htmlcss
wong2
wong2

Reputation: 35720

Right div fix width, left div extend to max width?

I have two divs in the same line, div_left, div_right
I'd like div_right have the fixed width 200px, and left_div extend to the max width and height of the left page, how could I write this with css?

Upvotes: 0

Views: 1250

Answers (2)

sandeep
sandeep

Reputation: 92793

may be you can use display:table property like this http://jsfiddle.net/sandeep/NCkL4/8/

Upvotes: 1

Samich
Samich

Reputation: 30115

html:

<div class="right"></div>
<div class="left"></div>

css:

.right { background: red; height:300px; float:right; width:200px; }
.left { background: green; height:300px; padding-right: 200px; }

code: http://jsfiddle.net/47YMn/1/

Upvotes: 5

Related Questions