Need help getting divs to move according to another div (mobile issue)

this is a mobile issue, its fine on desktop
so im trying to use formerly written code ( a template ) and get divs to move up and down depending on where the other divs before and after it are
my issue is that, even if i align it right (for example, using top:100px, etc), if content is added to a div, it will overlap the div below it
rather than push the div below it, down further.

ive tried a lot so far, but am not good with coding so am failing horribly. (zindex, adding a uh ":after" to the css class codes, etc)

i used a random code (and other codes/methods) to make my site mobile friendly
alot of it lines up pretty well, one after another, after another
but some of it overlaps and i have no idea why
how do i force it to stop overlapping?
why do some of my divs overlap in mobile and some are perfectly fine?

thanks so much

We can't troubleshoot something we can't see. Please provide a link that demonstrates the problem.

Thinking out loud, be aware that "top" and "margin-top" behave differently. "Top" will visually move the block-level element that it is applied to, but not *actually* move it, so will have no effect on surrounding elements (probably the cause of your overlap on the div below). "Margin-top" will move block-level elements within the document flow - it will push other elements out of the way - although vertical margins that are in contact with each other will collapse, only taking the effect of the greater of the 2 margins. More info here https://css-tricks.com/what-you-shou...psing-margins/

If you need more help, please provide a link.

sorry about that
top-margin started to help (instead of just top) but i can NOT get the utube and better business borough images to stop overlapping the main content
thank you!!!
http://aciddr0p.net/help/test/

Quote:

---

Originally Posted by Beverleyh

We can't troubleshoot something we can't see. Please provide a link that demonstrates the problem.

Thinking out loud, be aware that "top" and "margin-top" behave differently. "Top" will visually move the block-level element that it is applied to, but not *actually* move it, so will have no effect on surrounding elements (probably the cause of your overlap on the div below). "Margin-top" will move block-level elements within the document flow - it will push other elements out of the way - although vertical margins that are in contact with each other will collapse, only taking the effect of the greater of the 2 margins. More info here https://css-tricks.com/what-you-shou...psing-margins/

If you need more help, please provide a link.

---