Innerborder problem of a layout grid

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
Adrian
 
 
Posts: 79
Joined: Tue Jun 13, 2017 4:44 pm

Innerborder problem of a layout grid

Post by Adrian » Thu May 21, 2020 12:17 pm

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
Image
and
Image.

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

User avatar
Pablo
 
Posts: 21525
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Innerborder problem of a layout grid

Post by Pablo » Thu May 21, 2020 12:51 pm

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

Adrian
 
 
Posts: 79
Joined: Tue Jun 13, 2017 4:44 pm

Re: Innerborder problem of a layout grid

Post by Adrian » Thu May 21, 2020 1:26 pm

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

User avatar
Pablo
 
Posts: 21525
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Innerborder problem of a layout grid

Post by Pablo » Thu May 21, 2020 2:50 pm

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

Adrian
 
 
Posts: 79
Joined: Tue Jun 13, 2017 4:44 pm

Re: Innerborder problem of a layout grid

Post by Adrian » Fri May 22, 2020 6:44 am

Hello Pablo,

yes, this is that I'm looking for!

Thank you.

Regards, Adrian

User avatar
Pablo
 
Posts: 21525
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Innerborder problem of a layout grid

Post by Pablo » Fri May 22, 2020 7:17 am

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

Post Reply