My JQuery image fader has a width of 100% and height set to auto.
I'm thrilled that it works perfectly on the iPhone as well.
Now, I am facing a challenge while trying to make content "float" after my JQuery slider. The problem arises because I use height auto to maintain the right proportions with a 100% wide image.
I have attempted various solutions like using overflow: hidden, auto, clear: both, and setting width to 100% on the following element. I have also tried floating both elements, but without a defined height, it just doesn't seem to work. If I specify a height, it does work.. however, I would prefer the height to adjust dynamically.
Is it possible to achieve this using CSS alone, or will I need to resort to JS?
You can visit the site at www.magento-design.dk (It's a Joomla site built with Foundation). I specifically want the Foundation demo content to float after the JQuery slider.