Hi all - I've been set what I believe to be an impossible challenge,
but before I admit defeat I thought I should cast it out into the
wilds of the internet and see if others agreed or could suggest a
solution.
The challenge is this: to create a flexible (vertical and horizontal)
content-containing box with rounded corners and drop shadows (three
sides) - over a patterned background.
The problem, of course, is IE 5.5 and 6 - I've investigated the
AlphaImageLoader filter and I can't see any way to make it do what I
want - if I use the sliding-doors method, neither left nor right
borders show up, even though the top and bottom work OK (barring the
fact that you can see the underneath sliding image in the transparent
bit going around the topmost rounded corner). I have also tested
trying to make this work using side-by-side spans, which again could
be made to work OK for the top level (fixing the over/under thing),
but which then left me with the issue where the left border showed up
OK, but the right border either didn't (because to make it stretch
the full length of the content meant I had to put it in a div
surrounding the content, but then AlphaImageLoader doesn't allow
positioning, so I couldn't shift it to the right) so it was hidden by
content, or only showed up 23px high because IE doesn't implement
height: 100% unless the bounding box's height is expressed in pixels
- no good where you have no clue how tall your content will be. I
even tried using IE's proprietary dropshadow filter with transparent
gifs for the rounded corners minus the photoshop dropshadow, but the
results were too hideous to even contemplate.
SO: Does anyone know of a way to implement such a thing, or is this
indeed, as it seems, totally impossible? I'd appreciate either sort
of response :-)
Thanks,
Caitlin.
Caitlin Rowley, B. Mus. (Hons), Gr. Dip. Design
Composer, musicologist, web designer
http://www.minim-media.com/listen/
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
