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
Innerborder problem of a layout grid
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
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
Re: Innerborder problem of a layout grid
This is normal CSS behavior. Grid columns are only as tall as their content.
Alternatively, you can use a flex grid.
Alternatively, you can use a flex grid.
Re: Innerborder problem of a layout 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
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
Re: Innerborder problem of a layout grid
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
Demo:
http://www.wysiwygwebbuilder.com/suppor ... enews.html
Re: Innerborder problem of a layout grid
Hello Pablo,
yes, this is that I'm looking for!
Thank you.
Regards, Adrian
yes, this is that I'm looking for!
Thank you.
Regards, Adrian
Re: Innerborder problem of a layout grid
The template can be downloaded here:
http://www.wysiwygwebbuilder.com/templates8.html
http://www.wysiwygwebbuilder.com/templates8.html