Question

How can i make the div around a two column division(jQuery-ui portlets) arrangement dynamically change it’s height, when I open the divs in the left column?
When I open the divs (portlets) on the right columns the text and the div below and the text glides down whereas when i open divs in the left column they just appear above the rest of the page.

I’ve created a fiddle to show my problem:

http://jsfiddle.net/EVq5T/5/

Answer 1

Just clear the floats….

.example{
background-image:url('http://lorempixel.com/output/nature-q-c-600-20-1.jpg');
height: 20px;
margin-bottom: 10px;
clear: both;    /* <----- added this line */
}

Updated Fiddle