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
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?
Do you have an image of the effect you’re trying to do? It should help.
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
You can follow the sticky footer concept…
make the colums div relative, and add a absolute position div for the lines.