CODEWITHSUNDEEP
javascriptjquerycss
Maes
Maes

Reputation: 164

Automatically resize div tag

http://jsfiddle.net/maes222/AtPf2/

Can someone help me to fit my content in the div tag. If i add some more <li> then the div tag should be resized automatically. Now i am confused with many styles. Where i might have gone wrong? Thanks

CSS

#qhse
        {

        background-color: #92DF7B; 
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        opacity: 0.1;

        }

a.icon{
    width:52px;
    height:52px;
    position:absolute;
    top:0px;
    left:0px;
    cursor:pointer;
}

Upvotes: 2

Views: 116

Answers (3)

konghou
konghou

Reputation: 557

Remove the 

.item ul {display:none;}

and add 

.item ul {border: solid 1px;}

and see?

Upvotes: 0

Jai
Jai

Reputation: 74738

Update these two css classes as:

#qhse {
   background-color: #92DF7B;
   width: 100%;
   height: 100%;
}
.item ul {
   list-style:none;
   display:inline-block;
}

Upvotes: 1

raphaelRauwolf
raphaelRauwolf

Reputation: 324

Your is not visible and it has position:absolute so it wont grow your surrounding div;

.item ul{
  list-style:none;
  position: relative;
}

Maybe you can show us how it should look like and how it should behave.

Upvotes: 0

Related Questions