Przeszukaj forum

Hej, Mam taki problem odnośnie CSS i tła, które nie jest dobrze dopasowane. Tutaj jest mój kod CSS header.starty { text-align: center; color: white; background-image: url("../img/large.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; } header.starty .gaziorek { padding-top: 150px; padding-bottom: 100px; } header.starty .gaziorek .naglowek { font-size: 40px; font-style: italic; line-height: 40px; margin-bottom: 25px; font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif; } header.starty .gaziorek .pytanie { font-size: 50px; font-weight: 700; line-height: 50px; margin-bottom: 25px; font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase; } } @media (min-width: 768px) { header.starty .gaziorek { padding-top: 300px; padding-bottom: 200px; } header.starty .gaziorek .naglowek { font-size: 40px; font-style: italic; line-height: 40px; margin-bottom: 25px; font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif; } header.starty .gaziorek .pytanie { font-size: 75px; font-weight: 700; line-height: 75px; margin-bottom: 50px; font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase; } } Problem polega na tym, iż jeżeli mam ustawione przybliżenie 100% strony wszystko jest ok, zaś gdy chcę oddalić troszkę pojawiają się białe marginesy. W przypadku większego monitora automatycznie pojawiają się. Obraz jest dopasowywany do szerokości ale już nie do pionu. Jak rozwiązać ten problem?