The Lodge is members-only web design and development videos and live help. Log In or Sign Up.
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.
Search for Stuff
Browse the Archives
Get the Newsletter
... or get the RSS feed