Give help. Get help.

  • # November 27, 2012 at 8:00 am

    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.

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

    # November 27, 2012 at 8:08 am

    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.


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

    # November 27, 2012 at 8:39 am

    Does that work on a responsive site?

    # November 27, 2012 at 9:59 am

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

    # November 27, 2012 at 10:35 am

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

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.