Sent by Rick Gordon on 17 May 2010 13:01
I've been reworking a Blogger template using an absolute positioning approach, and somewhere in my
revision, links near the top of the layout have become unclickable and inactive. For instance, the
title and darker text in the masthead, the profile picture to the right of that, the "share button"
below that, and the top book to the right of that do not respond as if they are links. Everything
lower still works. I'm thinking that it's like some invisible object is blocking clicks from the
visible items beneath it.
The hierarchy is:
body
#outer-wrapper (relative)
#header-wrapper
#header-image
#header
#content-wrapper
#main-wrapper
#main (posts)
#footer-wrapper
#sidebar-wrapper
#sidebar2-wrapper
The test blog is at http://testlloyd.blogspot.com
The working CSS is at http://www.shelterpub.com/_blog/LloydsBlogLayoutStyles.css
There is additional CSS coming from Blogger, but I don't think the issue is there. It happened
somewhere in my move from a floated to a positioned layout, and I didn't notice the problem before
overwriting previous saves.
Thanks in advance for any help. There are still IE6 and IE 7 issues to work out, I know. The links
seem to work OK in IE 8 in standards mode, but I'm finding the described problem in Firefox 3.5 and
Safari 4, and see it on an iPad, as well.
--
___________________________________________________
RICK GORDON
EMERALD VALLEY GRAPHICS AND CONSULTING
___________________________________________________
WWW: http://www.shelterpub.com
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
