I've got a centered fixed-width block inside a resizable 
container.  I'd like to auto-fill the left & right margins with 
repeating background images.

Here's an illustration of the problem:
http://juniperwebcraft.com/test/test_stretch.html

One catch is that the blocks can't be allowed to overlap, as they've 
all got transparent image backgrounds and if they overlapped their 
drop-shadows would conflict.  Therefore I can't fudge it, 
overestimating the width of the side blocks to ensure that they slide 
underneath the centered image.  All two side blocks have to abut the 
middle block precisely.

I've got a work-around that looks good in Firefox & IE, splitting the 
centered block into two halves and using regular floats, but I'm 
still looking for something more elegant.

Suggestions?

Paul 

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/

Reply via email to