On May 17, 2012, at 12:40 PM, Alex Creedy wrote:
> A centred fixed nav solution I found on Stack Overflow means the content
> area to right of the Navigation can't be accessed with by clicking (eg. a
> link) as the navigation div container stretches across the page.
>
> I have tried using z-index on the content eg I have a z-index:100; on the
> <div class="artwork"> Š No luck here.
>
> You'll see a red link in the table which you can't click on on my link
> example:
>
> http://www.alexcreedy.com/resize/resize-1.html
>
> Does anyone know if this layout can be implemented properly?
1. remove the z-index on the #navhold1
2. position the .wrapper div and give it a z-index:
like so:
.wrapper {
width: 960px;
margin: 0 auto;
padding-top: 50px;
position: relative;
z-index: 1;
}
or
3. you have to position your .artwork for z-index to have any effect:
.artwork { position: relative; ……}
see: http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index
Philippe
--
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
