Skip to main content
Known Participant
October 7, 2018
Answered

Background re-sizing problem

  • October 7, 2018
  • 1 reply
  • 481 views

Hello everyone!

I'm having a problem with a background image.

My captivate proyect it's supposed to be 1920 x 884, so that's my primary view size. My background image is also a JPG 1920 x 884.

In the background options I've the height at 100% and the width Automatic, so the image is always full in it's vertical size.

Everything seems ok in the captivate preview. But when I publish, in a 1920 monitor, the background it's ok; in a mobile device, the background it's ok. But in my notebook, 1366 x 768, it's not showing correctly.

I've tried vertical center, and still having the problem.

I know it's not the same ratio, but it's supposed the image should adjust automatically.

Can someone help me with this?

As you can see in the image, the background image is empty in relation with the magenta overlay, and the items are aligned correctly.

This topic has been closed for replies.
Correct answer Lilybiri

Auto means the ratio width/height will be respected, hence your problem.

1 reply

Lilybiri
LilybiriCorrect answer
Legend
October 7, 2018

Auto means the ratio width/height will be respected, hence your problem.

milpinkfAuthor
Known Participant
October 8, 2018

Thanks!

Is there any way to get the background to fill all the space? I've tried with a 1920 x 1000 image, and get to the same result.

That's why I supposed that something else should be wrong.

The Auto in the Height doesn't work either, cause it doesn't look good on mobile.

I need some kind of solution.

Lilybiri
Legend
October 8, 2018

If it doesn't matter that the background image is distorted a little bit (which is the case here I think), set both height and width to 100%.