Hello I am currently having issue - this is first time I am using background images in my design as I generally use simple colours before so I am learning as best as I can.

The issue is the collasping images which is due to margin issue - I tried height: 100% on body and best effect I got was margin: 100% on content which actually work but the div inside content disappear. As result I am asking here for any advice or knowledge that would fix this beginner mistake here. I am pretty sure it is the margin that is causing collasped images issue but not sure how to fix it.

2 answers

This was chosen as the best answer

If it's the article escaping from the content div, it's because it's floated and the container isn't.

try adding overflow:hidden to div.content

Answered over 9 years ago by Tony Crockford

Thank you very much, it managed to fix the issue with background images of several content collasping, I appreciate your help here!

Answered over 9 years ago by chris keeley