Given I have 3 divs one parent div containing two children.
I want the layout to adapt according to the total width of the browser. The parent is set to fill 100% of the available space. The right child div should be fixed width, in the example 200px, while the left div fills the remainder of the available space.
Is this at all possible to accomplish?
If so, how would you do it?
This is possible, see this example: http://thechildrenshospital.org
Your parent container should not have a width but instead give it padding-right: 200px;
The remainder div should have a width: 100%;
Your right column should have float: right; margin-right: -200px; width: 200px;