WordPress.org

Ready to get started?Download WordPress

Forums

Sandbox
CSS problems with sidebar (5 posts)

  1. stanford
    Member
    Posted 2 years ago #

    On Safari and Chrome, but not Firefox, the sidebar links on this website are not working - http://educatenow.net/. The problem occurs on every page except the home page, though I cannot determine what is different on the home page.

    Would really appreciate if any Firebug & CSS masters here could help me out.

    Thanks,
    Stan

  2. theotherlebowski
    Member
    Posted 2 years ago #

    for some reason all the system generated links in the resources and blog categories seem to be commented out in the code but underneath them there is a standard unordered list which is why they are displaying...

    why that's the case in terms of your code i don't know but my guess would possibly be a plugin playing up or maybe something got commented out during the design of the theme and it's templates and no-one caught it.

  3. lockettpots
    Member
    Posted 2 years ago #

    I'm sure it is this empty div that is the problem.

    <div id="right-half"></div><!-- #right-half -->
    With the styling

    #right-half{
    	z-index:-10;
    	position:absolute;
    	left:50%;
    	top:0;
    	width:50%;
    	height:100%;
    	background-image:url('pattern-right.png');
    }

    Safari and Chrome have problems with negative z-index and so the div is effectively 'covering up' part of the sidebar so you cannot access the links. If you try a link towards the bottom of the sidebar (that is below the offending div) you will see that these links work.

    I've found that negative z-indexes are unreliable across browsers and I tend to avoid them now, using 'stacks' of positive ones instead

  4. stanford
    Member
    Posted 2 years ago #

    Thanks for the quick responses.

    @theotherlebowski: The code is commented out because the client was going back and forth on what they wanted. (It was done before WP added custom menus in the back-end)

    @lockettpots: I tested removing that div completely and still have the problem, so that is not the problem unfortunately.

    I believe it has something to do with the container div, because when the links start working where that div stops.

  5. theotherlebowski
    Member
    Posted 2 years ago #

    if you have access to it i'd try uncommenting it, especially if it's not commented for any specific reason.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags