The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

Div is stretching more than necessary (4 posts)

  1. addnon
    Posted 5 years ago #

    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 http://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.]

  2. addnon
    Posted 5 years ago #

  3. maikunari
    Posted 5 years ago #

    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;
  4. addnon
    Posted 5 years ago #

    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...

Topic Closed

This topic has been closed to new replies.

About this Topic