Question

I’m very experienced with CSS but this one has me confused – apologies if it is a simple fix.

I am attempting to theme a Drupal webform which has multiple fieldsets. The idea is to stack the fieldsets on top of each other. A fairly simple CSS issue of positioning relatively and absolutely – but it goes very wrong as the containing div collapses instead of maintaining it’s shape.

I set the background-color of the fieldsets to green. The containing border has a red border and is positioned relatively.

When the fieldsets are positioned absolutely, they stack as I expect but the containing DIV collapses and compromises the rest of the sites styling.

Answer 1

Maybe just put a height onto the containing div using css?

Or use some javascript to grab the height of the tallest fieldset and make the containing div that height?

Or do it dynamically for each fieldset starting with the first one then when you move onto anotjher fieldset the javascript gets it’s height and sets the container div to that height and so on.