With a row of elements:
[fluid] [FIXED] [fluid]
How can we make the percentage width of the Left and Right elements increase when the width of the Middle element decreases, and vice-versa? Is this possible using pure CSS?
For example:
If the Middle element is given width: auto;
, and the page renders with the this element being 150px,
the Left and Right Elements would fluidly take up the remaining space.
(The div
wrapping these elements for example's is 100% wide width: auto;
;)
Unfortunately the css must be compatible back to Internet Explorer 8.