# Insert a div inside a div and give it a background image and make it pattern height

**URL:** <https://forum.kirupa.com/t/insert-a-div-inside-a-div-and-give-it-a-background-image-and-make-it-pattern-height/326552>\
**Category:** Uncategorized\
**Created:** [December 23, 2011, 4:42am UTC](https://forum.kirupa.com/t/insert-a-div-inside-a-div-and-give-it-a-background-image-and-make-it-pattern-height/326552 "2011-12-23T04:42:40Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![ahmkel](https://avatars.discourse-cdn.com/v4/letter/a/bc8723/32.png) [@ahmkel](https://forum.kirupa.com/u/ahmkel)\
**Post date:** [December 23, 2011, 4:42am UTC](https://forum.kirupa.com/t/insert-a-div-inside-a-div-and-give-it-a-background-image-and-make-it-pattern-height/326552/1 "2011-12-23T04:42:40Z")

</div>

hi i am new here so i hope u help me 😃

i have a div body inside it 4 divs till now  
1-upleft  
2-upright  
3-left\<\<with problem  
4-downleft  
i want to set the height of the body div such that it is automatic and expands if i type in an edit region but if i set height: in css to anythng except a value in px like height:auto; the whole div disappear  
2nd problem  
in the left div which i wrote beside it problem in picture  
i want to make its background image a line i hav the image which i want to put and make it the pattern but i also want to set height to be auto just like what i want with main div(body div) so that if i type alot in any edit region the body div expand and left div with line expand  
this is picture with left div working but i have to set the height of it height:100px;  
 ![](http://www.alfaris.net/up/78/alfaris_net_1324615220.gif)

please help me :D:D:D