[Solved] Div palaver

[Ij]

ahoy all, please why is the bottom div marked “x” not moving when the margin_top value is changed?

view issue here http://cdpn.io/qyHeb

[magicspon]

You are adding space above #payload2, you need to add about 500% before the area knocks in the div above. Once it hits that div it starts to move down.

Have a play with the dev tools in Chrome (or similar), increase the margin-top value and you should see the margin highlight area getting larger….

Anyhow

Use display: inline-block on #payload2.

Cheers

[Ij]

Gee thanks, setting the display to inline-block solves that problem nicely.
Thanks again, man!

[magicspon]

No worries…

This might not be the best solution, it’s hard to see what the overall layout is meant to be doing… anyhow, enjoy!

[Author]

Posts