Fantastic thanks for the quick response Philippe! I needed to position the element for z-index to work.
Cheers, Alex From: Philippe Wittenbergh <[email protected]> Date: Thu, 17 May 2012 12:53:34 +0900 To: Alex Creedy <[email protected]> Cc: <[email protected]> Subject: Re: [css-d] Centred page layout with fixed side navigation (Alex Creedy) 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/
