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.
Put it on the columns’ parent, as absolute positioned pseudo-element: http://jsfiddle.net/xq8FJ/
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".