Link to home
Start Free TrialLog in
Avatar of intoxicated_curveball
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>
SOLUTION
Avatar of intoxicated_curveball
intoxicated_curveball

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Tom Beck
Browser support for calc is a little weak especially in IE older than version 11.

http://caniuse.com/#feat=calc
ASKER CERTIFIED SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
I would suggest reconsidering and go with what Tom is suggesting as it will be more widely accepted.
Avatar of intoxicated_curveball
intoxicated_curveball

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?
I found it after.
Thanks...both!