Grow your CSS skills. Land your dream job.

Anything Slider webkit error

  • # September 19, 2009 at 3:25 pm

    I posted this in comments on the AnythingSlider page. Need help as I cannot find any solution. Live sample online at http://www.mymacwizard.com/test/web_portfolio.html


    I created my own “lower third” for my website in development. Everything looks fine in Firefox. In Safari, text from the second slide shows up in the first, etc. See code and screenshots at -

    http://web.mac.com/chezhenry/anythingslider/

    Must be a webkit problem traversing the DOM or with the elements array from JQuery. Any ideas?

    # September 19, 2009 at 4:12 pm

    it’s not the html that runs the slider. You need to post the code.

    # September 20, 2009 at 1:00 pm

    That would be the code from the anythingslider.js http://css-tricks.com/anythingslider-jquery-plugin/ script from this site. The javascript code in the head section is copy and paste from Chris’s examples but here it is. All is viewable in live sample on first post.

    Code:
    # October 15, 2009 at 7:31 am

    You problem is with the position of the .lower3rd element, you should set the <li> elements inside the wrapper to position:relative and the .lower3rd to position:absolute

    something like this in your case

    Code:
    .wrapper ul li{
    position:relative;
    }
    .lower3rd{
    position:absolute;
    bottom:0;
    ….
    }

    hope that works

    You can check a working demo here: http://riotortonotempo.org/ just check the css :)

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".