On 02/05/06, Bostjan Kern <[EMAIL PROTECTED]> wrote:
(snipped my first attempt at a fix)
> I tried the above solution, but the bottom <a> element is still overlapping
> the top <div> and <a>
>
> Any other ideas folks?
Hmm odd! I don't know what is causing this behaviour. But before I
posted my earlier response I tried a much simpler mock up, and my
described fix worked for the simpler problem. So there is obviously
something else going on as well.
Using your example, I cut out as many of the positioned elements as
possible. For example you have the following structure for your
gallery :
div.album <-- float:left and position:relative
a.albumLink <!-- position: absolute;
div.albumSub <!-- position: absolute; z-index: 100;
a <!-- position: absolute
So I started simplifying the problem by removing as many as the
position: <whatever> attributes as possible, and when I got to this
point :
div.album <-- float:left
a.albumLink
div.albumSub <!-- position: absolute; z-index: 100;
a
The albumSub div came back in front of the background stuff. It
seemed to be when I removed the position: relative from the div.album
that this happenned, but you might need to experiment a bit.
Sorry I can't be more specific, but it seems to work!
Anyway the resulting files are here :
http://www.sampartington.co.uk/sandbox/emanuel_green.html
http://www.sampartington.co.uk/sandbox/emanuel_green.css
Sam
______________________________________________________________________
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/
