CODEWITHSUNDEEP
htmlcssfirefox
Gio Nebieridze
Gio Nebieridze

Reputation: 41

firefox issue with pixels and height

I have developed site www.alterway.ge . Sky image has problems above 1920 resolution. It has spaces from left and right. in Opera and Chrome it is working fine. please check my site mentioned above and help.

Upvotes: 0

Views: 51

Answers (1)

Jacob
Jacob

Reputation: 2154

This occurs in all browsers. When the window width is greater than your background image's width (1920px in this case) there will always be white space on either side. You have a few options:

  • use a media query to set the background-size to 100% auto when the window is greater than 1920px (will cause clipping at the bottom though)
  • set the background-color to something other than white or transparent
  • set background-repeat to repeat-x

Upvotes: 1

Related Questions