Mam podobny problem i nie moge sobie z nim poradzić
Grafika w nagłówku ma szerokość 1920px, chcę mieć dostosowane tło do Ful HD (1920px) jednak przy niższych rozdzielczościach nie chciałbym mieć scrolli poziomych.Proszę o pomoc, mam trochę inaczej w kodzie, tło jest już ustalone, jest to plik wyświetlający się na dole strony. Grafika, która powoduje mi pojawianie się scrolli jest w sekcji Header, plik o nazwie "Header.jpg".
Oto kod:
KOD
body
{
margin-top: -175px;
margin-bottom: 150px;
background-color: #FFFFF;
background-image: url('../images/Page-BgTexture.jpg');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: bottom center;
min-height: 1000px;
}
{
margin-top: -175px;
margin-bottom: 150px;
background-color: #FFFFF;
background-image: url('../images/Page-BgTexture.jpg');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: bottom center;
min-height: 1000px;
}
i dalej kod, który powoduje problem:
KOD
/* begin Header */
div.art-Header
{
margin-left: -468px;
margin-right: auto;
margin-bottom: -30px;
position: relative;
z-index:-2;
width: 1920px;
height: 350px;
}
div.art-Header-jpeg
{
position: absolute;
z-index:-3;
top: 0;
left: 0;
width: 1920px;
height: 620px;
background-image: url('../images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */
div.art-Header
{
margin-left: -468px;
margin-right: auto;
margin-bottom: -30px;
position: relative;
z-index:-2;
width: 1920px;
height: 350px;
}
div.art-Header-jpeg
{
position: absolute;
z-index:-3;
top: 0;
left: 0;
width: 1920px;
height: 620px;
background-image: url('../images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */