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: 84
Joined: Tue Jun 13, 2017 4:44 pm

Innerborder problem of a layout grid

Post by Adrian »

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
Best Regards, Adrian

Rogarema.net
User avatar
Pablo
 
Posts: 21508
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Innerborder problem of a layout grid

Post by Pablo »

This is normal CSS behavior. Grid columns are only as tall as their content.
Alternatively, you can use a flex grid.
Adrian
 
 
Posts: 84
Joined: Tue Jun 13, 2017 4:44 pm

Re: Innerborder problem of a layout grid

Post by Adrian »

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
Best Regards, Adrian

Rogarema.net
User avatar
Pablo
 
Posts: 21508
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Innerborder problem of a layout grid

Post by Pablo »

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: 84
Joined: Tue Jun 13, 2017 4:44 pm

Re: Innerborder problem of a layout grid

Post by Adrian »

Hello Pablo,

yes, this is that I'm looking for!

Thank you.

Regards, Adrian
Best Regards, Adrian

Rogarema.net
User avatar
Pablo
 
Posts: 21508
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Innerborder problem of a layout grid

Post by Pablo »

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