Marcel,
The two div structures, #wrap and #nav-wrap, lay on top of your page
elements, blocking user interaction. I have illustrated this by taking your
source code and giving those two divs a semitransparent white background.
http://cssway.thebigerns.com/workbench/du_jour/marcel/visual.html
Switching the order simply puts your #contentwrapper above the navigation
elements, blocking them. Remember, html is layered – even when it’s
transparent it is there.
What you need to address is how you are using these wrapping divs – they
are all the width and height of the browser window, so their contents will
always be obscured by whichever is on top. Your wrapping divs should be
containers, as such need to be no larger than the space they are meant to
contain. This allows you to set the contained elements to shift and fill
within the container, not the other way around. Once your containers stop
overlapping, your problem will be solved.
There is another oddity, which does not cause your stated problem but I
find most perplexing. When I use the Safari Developer plugin to inspect
your source code, there is a large number of nested divs placed between the
opening body tag and the PageDiv – all with a display of none. However,
those div structures do not appear when using Safari’s ordinary View Source
command… how can this be?
Here is the extracted code:
http://cssway.thebigerns.com/workbench/du_jour/marcel/hidden.html
–
Ernie Simpson
On Mon, Jul 9, 2012 at 1:51 AM, Helveticus email@hidden wrote:
I’m stumped - I’m trying to have a page with 3 columns page is set to
align - none. The left and right columns are fixed to the top of the page
and the center one scrolls. I have 2 wrapper divs - one that is set to
fixed in window with the left and right columns as two inline divs one
floating left and the other floating right. I then have another wrapper set
to absolute containing the center column. So far this is all working a
treat except for the fact that the links in my center column are dead. When
I switch the order of the two main wrapper divs around, the links are
working in the center column but they are dead in the left and right columns
I started out using the Sticker action but it was not playing nice with
the js in the FoxyCart code I’m using with the site
As usual I’m sure it’s contributed to some form of user error on my part -
so any help much appreciated
Marcel
http://goo.gl/5ORwl
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options