Image in flex grid doesn't go to full width

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
alan_sh
 
 
Posts: 1681
Joined: Tue Jan 01, 2019 5:50 pm

Image in flex grid doesn't go to full width

Post by alan_sh »

I'm still playing with the flex grid in my master page. I've decided that I want the default page width to be 1920. So, all pages are set that size and I have an image which is 1920 x 299. I put that as my baground picture in the flex grid and, in WWB, it looks great. When I preview it on a screen which is 1920 x 1080, the image stops at about 1800 pixels and I have white background for the remainder of the flexgrid (which also has a logo and a buttom in it).

This is what it looks like in WWB
Image

This is what it looks like in Firefox (ignore the LH side, look at the RH side)
Image

And the WBS file is in here (the image has a space in the filename, but I tested it without after I made the zip file and it's the same)
https://www.dropbox.com/s/lz613uwp76wy3 ... t.zip?dl=1

Once again, what have I done wrong as I don't believe this is a bug with something as basic as this.

Thanks

Alan
User avatar
Pablo
 
Posts: 21572
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Image in flex grid doesn't go to full width

Post by Pablo »

This is logical behavior because the size of the grid is never exactly the same as the aspect ratio of the image.
If you want the image to cover the entire background then set the background size to 'cover'.
alan_sh
 
 
Posts: 1681
Joined: Tue Jan 01, 2019 5:50 pm

Re: Image in flex grid doesn't go to full width

Post by alan_sh »

Thank you.
Post Reply