www.wysiwygwebbuilder.com

Hello,

I have a great problem with a inner border of a layout grid, and I can't solve it.
Thats the reason I ask you, maybe you can help me.

The Problem:
In a layout Grid with 2 columns I want a inner border of one side which separates the columns from top of the layout grid to bottom of the layout grid.
My problem is that in a layoutgrid is that the height of the border is egal with the height of the content.
This creates strange situations in a responsive layout, see

and
.

The same problem arises with the background of one of the columns.

Do you know a way to avoid this?

How can I make that the Border hat the same height like the layout grid, no matter how high is the content.

Thank you.

Many Regards, Adrian

This is normal CSS behavior. Grid columns are only as tall as their content.
Alternatively, you can use a flex grid.

Hello Pablo,

and thank you for your reply.

Yes, I can use a flex container, but flex container have another properties.
If I use a pic in a layout grid, the width of the pic adapts her width to the width of the container.

If I use a pic in a flex box, the pic have a fix width (and heigth) and don't adapt his width to the width of the container.

Do you know any trick in order to avoid this problem?

Regards, Adrian

You can also have full width images in a flex grid. You can control this via the flex box properties.

Demo:
http://www.wysiwygwebbuilder.com/suppor ... enews.html

Hello Pablo,

yes, this is that I'm looking for!

Thank you.

Regards, Adrian

The template can be downloaded here:
http://www.wysiwygwebbuilder.com/templates8.html