Sent by Bart Zonneveld on 28 July 2006 20:08
Hello list,
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":
#left, #right
{
width: (total - #center.width) / 2;
height: #center.height;
}
#center
{
width: 400px;
}
Any ideas on how to achieve this? Help is very much appreciated!
regards,
bartz
-----------------------------------------
07-07: MFF @ SJU
http://www.movement-agency.nl/
http://guerata.blogspot.com/
Listen to my mixes @ http://20kmiles.dyndns.org/mix/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
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/
