Home/ Questions/Q 988713
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T05:40:38+00:00

I’m building a webpage which has an ‘img’ floated within a div as the

  • 0

I’m building a webpage which has an ‘img’ floated within a div as the lowest element displayed on page. The page ends abruptly at the bottom of the image. For nice aesthetics I would like the user to be able to scroll to just beyond the image (20px or so). I have attempted to apply margin-bottom and padding-bottom to both the body, a containing div, and the image in question but to no avail.

I have not, and will not try to do this using html to add a buffer or any other hackish solution.

The page: http://www.roughgiraffed.com/about.php
(please don’t judge us lol, still very rough (pun intended) and far from deployment)

Thank you in advance for any help!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try adding overflow: hidden; on #container. The floats are taking the .profile divs out of the flow of the document, which makes the browser think #container is only as high as the general text. Setting an overflow somehow resets this. When you’ve added it, you can set a margin on the container as you normally would.

    • 0