Auto content expanding div's« Back to Questions List

Hi,

I have the following HTML div structure for my page,  how can I make each individual div expand to fit contents automatically? I am reading that absolute position is my problem? how can i fix this? or am I missing something?

 

Added December 3, 2017 2:18 pm

Do you have the right answer? If you do other users will benefit from your contribution, share your knowledge with the community!

Hi,

You will need to reset your divs to allow for dynamic position and size. If you read the previous link it will demonstrate how to reset the div’s position, you can apply the logic to the div’s height also.

You have an issue with your folder/layers, #faq_heading_grp should be placed inside #index_content_01, this will allow you to correctly resize the section.

Answer by admin ★★★
Answered On December 3, 2017 11:19 pm #

Hi,

Here’s a test output, I still can’t get the div to expand with content. I have tried to set-out my export folders differently. I can now adjust #index_content_01 height and it expands correctly, but how do i get #section_05_contents_grp to fit inside #index_content_01

https://jsfiddle.net/TekTime/yndqjm7x/

Thanks in-advance for you help

Answered On December 3, 2017 11:01 pm #

Hi,

This is available as a premium template: Dynamic Auto-height. This will provide you with a full working template and example output.

Do It Yourself

The theory behind this is to Reset Your Div and enable Dynamic Height to control your overall design.

Answer by admin ★★★
Answered On December 3, 2017 3:13 pm #
Looking for another answer? View other questions in Key HTML CSS Bug Image or get premium support for guaranteed results.
Asked by TekTime★★★
220 views
3 answers
Last Answered 8 months ago by admin

Categories

Recent Answers


Share Your Knowledge!

Contribute to the community and help other users to benefit from your answer with experience and knowledge.