Forums

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

Home Forums CSS how to do a short line using css

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #46496
    ognik777
    Member

    Hi – I have 3 columns of content, the height of each can vary.

    I want to put a thin line of fixed height 150px on the far left, but always at the bottom – IE from the lowest point of the longest column, rising 150px. Suggestions please?

    #143474
    Kitty Giraudel
    Participant

    Do you have an image of the effect you’re trying to do? It should help.

    #143477
    IlanF
    Member

    You could wrap the 3 columns within a div, make the columns 100% height and apply the line to the wrapper div, something like that here: http://cdpn.io/mqskd

    #143479
    gowda24
    Participant

    You can follow the sticky footer concept…
    make the colums div relative, and add a absolute position div for the lines.

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