Div not expanding even with content inside

Question

I have a stack of divs inside of each other  all of which have an ID which specifies CSS only   But for some reason the surrounding DIV tag only expands to it s anointed height value  and not it s default auto  meaning that although the content is inside  the backing DIV is only a specific height  I need it to adjust the heigh to the size of whatever is inside of it  As there will be user submitted data being echoed out possibly in paragraphs with 500  words      x000D   x000D   albumhold   x000D    width  920px  x000D    padding  10px  x000D    height  auto  x000D    border  1px solid  E1E1E1  x000D    margin-left  auto  x000D    margin-right  auto  x000D    background-color   E1E1E1  x000D    background-image  url    global-images albumback png   x000D    background-position  top center  x000D    background-repeat  repeat-x  x000D    x000D   x000D   albumpic   x000D    display  block  x000D    height  110px  x000D    width  110px  x000D    float  left  x000D    border  1px solid  000  x000D    x000D   x000D   infohold   x000D    width  800px  x000D    background-color   CCC  x000D    float  right  x000D    height  20px  x000D    x000D   x000D   albumhead   x000D    width  800px  x000D    height  20px  x000D    text-indent  10px  x000D    border  1px solid  000  x000D    color   09F  x000D    x000D   x000D   albuminfo   x000D    margin-top  5px  x000D    width  800px  x000D    float  right  x000D    color   09F  x000D    word-wrap  break-word  x000D    x000D   lt div id  albumhold  gt  x000D     lt div id  albumpic  gt Pic here lt  div gt  x000D     lt div id  infohold  gt  x000D       lt div id  albumhead  gt Name   Date lt  div gt  x000D       lt div id  albuminfo  gt Information lt  div gt  x000D     lt  div gt  x000D   lt  div gt  x000D   x000D   x000D    Help is greatly appreciated

User · Answer

Floated elements don   t take up any vertical space in their containing element   All of your elements inside  albumhold are floated  apart from  albumhead  which doesn   t look like it   d take up much space   However  if you add overflow  hidden  to  albumhold  or some other CSS to clear floats inside it   it will expand its height to encompass its floated children

User · Answer

You didn t typed the closingtag  from the div with id  infohold

User · Answer

Putting a  lt br clear  all    gt  after the last floated div worked the best for me  Thanks to Brent Fiare  amp  Paul Waite for the info that floated divs will not expand the height of the parent div  This has been driving me nuts   -

User · Answer

div will not expand if it has other floating divs inside  so remove the float from the internal divs and it will expand

User · Answer

Add  lt br style  clear  both    gt  after the last floated div worked for me

User · Answer

There are two solutions to fix this    Use clear both after the last floated tag  This works good  If you have fixed height for your div or clipping of content is fine  go with  overflow  hidden

User · Answer

You probably need a clear fix   Try this   What methods of    clearfix    can I use

User · Answer

You have a fixed height on  infohold  so the  albumhold div will only add up to the height of  infohold  20px     albumpic  110px  plus any padding or margin which I haven t included there   Try removing the fixed height on  infohold and see what happens

[css] Div not expanding even with content inside

Examples related to css

Examples related to html