Question

I’m trying to create a very simple jQuery slider; however, to get started, I wanted to position my divs next to eachother instead of underneath eachother so I could animate the ‘left:’ css value. I’m dumb and completely failing at this though. I don’t get it.

Here’s an example of the code I’m playing with:

http://jsfiddle.net/YUQWx/1/

I don’t understand why they stay below eachother instead of going next to eachother. The left: seems to be getting ignored? I’m probably missing out on something here.

Thanks in advance.

Answer 1

You’re spelling .scrolling-content with a dash in the CSS, but with an underscore (<div id="zone_a" class="scrolling_content">) in the HTML. Fix the spelling, and you’ll be fine 🙂