Div is stretching more than necessary

  • I have a div called “filler2” after my footer which is meant to continue the background color of the footer if the content doesn’t take up all of the window. I have height set at 100%. It works, but the problem is that is stretching more than the window height. To add to the confusion, different browsers/monitors respond differently. The site works as intended on Firefox, but Chrome does the odd stretching thing. Also, nothing happens on IE. Any ideas?

    The URL for the site is https://www.imamminhajuddin.org/.

    The layout:

    [Code moderated as per the Forum Rules. Please use the pastebin]

    The CSS:
    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter addnon

    (@addnon)

    Layout code:
    https://pastebin.com/xCdX9j2r

    CSS:
    https://pastebin.com/wt5xN5LS

    If what you’re looking for the page to be long enough so that the footer has no space beneath perhaps you could try adding a min-height to your content div.

    Something like this for example:

    #content {
width: 650px;
border: 0;
margin: 0px;
padding: 0 15px 0 15px;
float: left;
list-style: circle !important;
list-style-type: circle !important;
min-height: 400px;
}
    Thread Starter addnon

    (@addnon)

    Thanks for the tip. What I ended up doing was replacing the body background with the footer color and then created a “faux” gray background using an image. I’m still curious to know the answer as to why the div was streching so much…

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Div is stretching more than necessary’ is closed to new replies.