Question

I tried positioning a div element using margin-bottom. For some reason the margin-bottom doesn’t appear to affect the position of the element. I tried searching for an answer, though all answers had something to do with position:absolute, and I still couldn’t get it to work.

However, I did manage to position it using a negative margin-top, but I’m still curious to know what causes it not to work.

Heres the fiddle showing the HTML/CSS.
(what I’m talking about is the image. The margin-bottom is set to 100px.)

Answer 1

Try to put the position absolute property in the DIV with the class “productImage”. Like this, for example:

.productImage {
    display: block;
    float: left;
    position: absolute;
    left: 450px;
    top: 60px;
}

Using this i’ve manipulated the image sucessfully. I hope it can help you.