intoxicated_curveball
asked on
Responsive columns with fixed width and percent width
I have two columns on a page.
One is fixed width 100px, the other has to scale to fit to the right of it using the remaining space. Is there any way to do this? I can't seem to come up with a solution that works. So I just want the second column to be the full width of the page less 100px.
<div style="width:100px; float: left;">Column 1</div>
<div style="???">Column 2</div>
One is fixed width 100px, the other has to scale to fit to the right of it using the remaining space. Is there any way to do this? I can't seem to come up with a solution that works. So I just want the second column to be the full width of the page less 100px.
<div style="width:100px; float: left;">Column 1</div>
<div style="???">Column 2</div>
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
I would suggest reconsidering and go with what Tom is suggesting as it will be more widely accepted.
ASKER
You're right. Tom's solution is better. Didn't even think of that.
Should we open up the question and assign him the solution?
ASKER
I found it after.
Thanks...both!
http://caniuse.com/#feat=calc