We spent some time looking at this yesterday and found it surprising.
We wanted to create a set of three divs where the size of none is of a fixed width. The left and the right should expand to match the size of the content. And the middle div should pick up the slack and make the whole thing as wide as the page. The middle div needs to also contain a search box (input) that stretches out to fill the div.
<div class="left">Some variable content here</div> <div class="middle"> <input type="text" class="text"> </div> <div class="right">Some other variable content here</div>
Apparently it can’t be done without tables (which messes up our responsive design). We tried floats and relative positioning.
It was interesting to me that this literally couldn’t be done. Or can it?