Jump to content
jools

Parent Div isn't resizing in height to accomodate Divs within it

Recommended Posts

Hello,

 

I have a master div ID in which I have a number of other divs:

<div id="master"> <!--This is the open master div--><div id ="namestrip"></div><div id ="basicsbox"></div><div id ="videobox"></div><div id ="experiencebox"></div><div id ="teachingstylebox"></div></div> <!--This is a closes the master-->

I have set the height of the master DIV ID to auto hoping it resizes to accommodate whatever is in it:

#master  /*the box we work in*/    {    width: 1024px;    height: auto;        }

However, as you can see from the screenshot, this doesn't appear to work (I have highlighted the master ID border in black)screenshot.jpg

 

Any ideas as to why this isn't working. If I set the height to fixed then everything is contained in the master tags and the footer sorts itself out, but I wanted to use the auto height function.

 

Many thanks

 

 

 

Share this post


Link to post
Share on other sites

Well theres the problem outer div cannot detect area of child floated elements, so its height becomes 0px, one fix is to appy overflow: hidden; to outer parent container.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...