Currently I'm in the process of redesigning a website, and apparently
the road we took isn't a well-tred one. I've searched the web and the
archives for solutions, but of no avail.
Our layout consists of 3 floating columns, left, center and right.
The center column has a fixed width, let's say 400 pixels. So far, so
good. What I am trying to achieve is the following. The left and
right column have a (different) background-image. The height of these
two should be the same as the center column. The width, however (and
this is the trickiest) should be the remaining width of the browser
window, up until they've reached the width of the background-image.
Something like (total width - center width) / 2.
So, in "pseudo css":
width: (total - #center.width) / 2;
Any ideas on how to achieve this? Help is very much appreciated!
07-07: MFF @ SJU
Listen to my mixes @ http://20kmiles.dyndns.org/mix/
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/