Jump to content

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

Recommended Posts



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




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.

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.

  • Create New...