Hi there,
I have created a “tab section” (layout element) on my site. The tab section has 6 tabs and multiple elements within those tabs. All of the elements are wrapped in column layout elements. Each tab has two columns, all set to equal heights. Something is causing the tab section’s height to stretch. There is about 740 pixels of unwanted white space displaying below my tabbed content. I’ve tried everything I can think of to get this spacing issue under control but I am stuck. Please advise.
Well isn’t that the way it goes. I just figured out the problem. One of my tab’s columns was set to “individual height.” I’m not sure why having individual heights would cause this radical behavior but that fixed it for me. A note for others having similar issues – when we use individual height in our columns elsewhere on the site we have to add a “clearfix” <div style=”clear:both;”></div> code block to the bottom of those sections or they won’t display correctly.
Thanks anyway – case closed!
Hi,
I’m glad you were able to get this issue corrected. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon