CODEWITHSUNDEEP
htmlcss
FlyingCat
FlyingCat

Reputation: 14260

how to float an image on top of a div

I have something as follow.

http://jsfiddle.net/gJX5e/2/

I want to see my image inside my div be able to show the whole image. (currently it's cut off because of the parent container's height.) I can't change parent container's height and I want to see the image that float on top of the parent container. (so I use absolute position). However, it doesn't work. can anyone help me about it? Thanks.

desire result

 ----------------------------
|     -----------
|    |           |
|    |     img1  |
 ---              -------------------
     |           |
      -----------

Upvotes: 1

Views: 59

Answers (2)

NinGen ShinRa
NinGen ShinRa

Reputation: 651

#container {
     overflow: visible;
}

#slide-list {
     overflow: visible;
}

Or just delete altogether the rule, since the default for overflow is, indeed, visible.

Updated Fiddle

Upvotes: 1

disinfor
disinfor

Reputation: 11533

Set your overflow to visible on #container.

Upvotes: 1

Related Questions