[widget : widget]

Hey all.

I'm attempting to implement and inner and outer drop shadow (image) into a design I'm currently developing.

What I'd like is a drop shadow that runs vertically down either side of a the main content section (see image below), but I'm stumped as to how to do it.



I realise CSS 3 will support border images, but whats the work around for doing it with CSS 2.x?

[Chris O'Brien]

Looks exactly like what I did with VanillaSoap.

The main gist of it is the main content has a background with the bg colour and shadow on it which is tiled vertically. The main box has padding on either side to allow the shadow to sit there (this is the outer shadow by the way - it's a PNG with transparency gradient for the shadows).

The inner shadows is achieved by cheating - it's just two absolutely position divs inside the main content made to stretch the whole length of the main content.

Dig round the code of VS if you want a better explanation of how exactly I did it (note: there's probably better ways, VS was coded on a drunken afternoon last weekend).