Div with scroll and content with absolute positions

Question

I have a \"div\" with style: overflow-y: scroll; overflow-x: auto; I try to dynamicaly add image inside this \"div\" with absolute or relative position. Everyth

Answer 1

You need to use relative positioning if you want it to be able to scroll. The trick is to use negative positioning on the second element.

Let's say you have two elements A and B, and you want to position B in front of A. It would look something like this:

Element A

Element B

Depending on the content, you might have to add additional styles such as "display:block;" etc. A good resource for these is w3schools.com

For a good tutorial on DIV positioning with CSS go to:

http://www.barelyfitz.com/screencast/html-training/css/positioning/

Cheers