Section background image sizing

  • 0
  • 1
  • Question
  • Updated 3 years ago
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members. The community moderator provided the following reason for archiving: Archived

I am wondering if there is a recommended method when placing backgrounds within a section and then being able to be viewed with different monitor resolutions. I typically test my webs using 3 different systems which also have 3 different screen resolutions. Each resolution displays those backgrounds with varying heights and widths sometimes cutting off parts or adding white space. I also place most of my images to "cover", but find the same inconsistencies.

I am wondering if placing those background images into a container might be a solution in forcing the different resolutions to display that full image within the container regardless of resolution, especially when using parallax.

Here is my web: http://gravelroads.homesteadcloud.com/

Each image within each section should be displayed as such to show the full band, centered evenly with the exception of a background that is fixed to the entire site and bleeds thru as you scroll down. I am curious as to how it might look to some of you and then any suggestions on how to fix if images are being cut off.
Photo of gravelroads333305

gravelroads333305

  • 560 Points 500 badge 2x thumb

Posted 3 years ago

  • 0
  • 1
Photo of Todd H

Todd H, Social Media Specialist

  • 20,824 Points 20k badge 2x thumb
What monitor resolutions are you viewing your site from? My monitor is 1920x1080 and I am able to view each full band centered without it cutting off, but I am curious if you are seeing this with smaller resolutions or from a higher one.
Photo of gravelroads333305

gravelroads333305

  • 560 Points 500 badge 2x thumb
Yes, that is the resolution I used to design so all should be good. I also typically view it at 1600x900 on a different machine and a laptop at 1366x768 just to be sure. Other than a tablet I test it on, that is the lowest resolution used. I sometimes edit on any and all of them with varying results. I know parallax can be tricky when trying to stay consistent...there are so many variables.

This conversation is no longer open for comments or replies.