Question

Hello guys i have main div tag: height:1800px; width:1200px; inside it there are div with two images h:1800px and w:100px. I want to first align one top and right and second top and left inside Main div.

I tried this:

    #LeftFull{ position:absolute;
    top:0;
    left:0;}

#RightFull{ position:absolute;
    top:0;
    right:0;}

but its working in body not Main div

Answer 1

If you want that to work then you’ll need to position the div, as well. Absolute position doesn’t work without a parent that isn’t positioned. I would either use relative instead or position the div with relative.

    #LeftFull{ position:absolute;
    top:0;
    left:0;}

#RightFull{ position:absolute;
    top:0;
    right:0;}

#div{ position:relative;}

That should make your images position themselves around the div, instead of the body of your page.