Support » Theme: Sandbox » CSS problems with sidebar

  • 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

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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.

    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

    Thread Starter stanford

    (@stanford)

    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.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS problems with sidebar’ is closed to new replies.