Grow your CSS skills. Land your dream job.

Anything Slider FX to resize panel

  • # February 28, 2013 at 8:34 am

    I’m using the anythingSlider for two sections on [this site](http://www.articulate.uk.com “”) with the FX effect to resize the panel to accommodate the contents of each panel. Its a nice effect.

    I’m having trouble getting it to display as I’d like – the image is pushed down about 60px from the top of the panel container and I can’t see what is making that happen. I’ve tried putting a negative top margin on the container but then the content is pushed out of the bottom of the container by the same amount.

    Any suggestions on how to fix this? Thanks.

    # February 28, 2013 at 10:42 am

    If I understand correctly you are talking about the Case Studies / Inspiration sections.

    It’s because you are relatively positioning the #caseCurrent div.

    When you use position:relative, the item is VISUALLY moved but browser still remembers that that space is allocated for the object.

    Just change it to position: absolute….that seems to work. You can tweak the left/top value if needed.

    # February 28, 2013 at 4:27 pm

    Yes, I should have known that! Thank you.

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

You must be logged in to reply to this topic.

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