Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS As soon as I create 2 columns, the content doesn't push down the footer

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #237216
    ralfillo
    Participant

    Hi everybody,

    The formating was working perfect, but as soon as I create 2 columns, the content doesn’t push down the footer.

    http://codepen.io/ralfillo/pen/yevxEE

    If the next code is removed you can see that the content pushes down the footer:

    div.title-column{
    width: 30%;
    float: left;
    border: solid;
    }

    div.text-column{
    width: 65%;
    float: right;
    border: solid;
    }

    Thanks

    #237368
    ralfillo
    Participant

    Hi there,

    I’m still stuck with this problem and I don’t know how to solve it.

    Could somebody help me out, please?

    Thanks,
    Rafa

    #237387
    Gary Pickles
    Participant

    Hi Rafa,

    you need to clear your floats after you columns, have a look at this.

    https://css-tricks.com/the-how-and-why-of-clearing-floats/

    #237398
    ralfillo
    Participant

    Thanks Gary, I really appreciate your help :)

    Rafa

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.