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 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/
