0

Trying to cover the background-image of the #header to fullwidth (no white space) but limited hight. Dont know whats wrong, can you helpf?

http://vintagemaedchen.de/

2nd question: how can I adjust the post images (.post-img img) so that too big images are cut and not down-scaled?

Krystian
  • 887
  • 5
  • 21
  • 52

1 Answers1

1

Use background-size:cover;. This will scale the background image large as possible so that the background area is completely filled by the background image.

haltersweb
  • 3,001
  • 2
  • 13
  • 14
  • background-size, as you see is cover. thats why I am a bit confused – Krystian May 15 '16 at 19:28
  • This is because the image itself (http://xn--vintagemdchen-ifb.de/wp-content/uploads/2016/05/Vintage-Blog-Banner.png) has a lot of white around it with the flowers just in the center. Crop your background image to just be the flowers and it should work. – haltersweb May 15 '16 at 19:34
  • have a look at it now. It does sth strange above the image. Cant find a solution :-( – Krystian May 15 '16 at 20:37
  • This is a known issue when combining fixed with cover. Here is the stackoverflow which discusses the reason behind the issue and JavaScript workarounds: http://stackoverflow.com/questions/21786272/css-background-size-cover-background-attachment-fixed-clipping-background-im – haltersweb May 15 '16 at 21:13