Vertical border/line between columns full browser height?

[Rugg]

Good Morning,

I’m curious if there is a method using css borders to create a vertical line between grid columns which runs 100% of the browser height?

Here is reference example, however this website is using a background image instead.
http://bench.li

*EDIT*
If there is not a solution to this, could someone please suggest a method using the background image that can act responsive? Thank You.

[Paulie_D]

There is using the flexbox property but that is so new that browser support is strictly limited to the latest versions only (IE10 / Chrome 23 /FF17) AFAIK.

Otherwise….no.

You can fake it with faux columns but that’s the only way.

[Paulie_D]

Does that work on a responsive site?

[Paulie_D]

@NSR About the only solution that is vaguely responsive is to use a background gradient color to fake a column.

[Paulie_D]

You just have to define a gradient with color stops in the right place.

[Author]

Posts