Kaksi taustakuvaa sivulle!

Fantsuhei

Heipsan,

Minulla on bodyssa taustakuva joka on repeat-x ja kaikki kunnossa. Nyt pitäisi kuitenkin tuon päälle saada keskitetysti "toinen taustakuva" joka olisi aina keskellä... juu ja näin onkin, eli olen laittanut sen header diviin. Homma on siis siihen asti kunnossa ja näkyy juuri halutulla tavalla mutta kun tuo "taustakuva" on 1500 pikseliä leveä niin ONGELMA on se että miten saan sivuttais scrollin pois?. Eli headerissa olevan taustakuvan toimimaan samoin kuin bodyssa oleva.

Sivuttais scrollauspalkki tulee näkyviin vain kun mennään tuon 1500 pikselin alle, mutta kun tämä homma pitäisi luonnollisesti pelittää myös pienemmillä resoluutioilla =)

Eli jos ylempi sepostus on sekavaa niin kysytään sitten näin:

Miten saada sivulle kaksi taustakuvaa, niin että alempi on repeat-x ja päällimmäinen keskitettynä sivun ylälaitaan ja tämä taustakuva saa siis pienemmillä resoluutioilla mennä "piiloon" sivuilta mutta kuitenkin niin ettei sivuttaisscrollia tulisi ???

Hjälppikää miestä mäessä =)

5

360

Äänestä

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • helppikannustus
    • hellpikannustus

      Jos kuva on leveämpi kun näyttö niin scrollaus tulee automaattisesti näkyviin. Ajattele niitä jolla on vaan 1024 pixiä Sun tätyy käyttä prosentti määrittely kuvalle niin että kaikki jolla on pienempi näyttö näkee koko kuvan selaimessa.

    • fsfdsd

      Voit toki leikata kuvaruudulle mahtumattoman pois käyttämällä overflow määrettä. En tiedä onko siinä sitten välttis järkeä ;)

      body {
      overflow: hidden;
      }

    • ***

      ----------------------------------------





      body { margin: 0; paddin: 0; font-family: Arial, Sans-serif; color: #777; background: #fff url('bg01.png') repeat-x center top; }
      div#head { position: absolute; top: 96px; width: 100%; height: 730px; background: url('bg02.png') no-repeat center top; }
      div#wrap { margin: -40px auto 0 auto; padding: 0; width: 1000px; }
      div#content { margin: 0; padding: 20px 40px; width: 1000px; min-height: 500px; background: #fff; }










      Lipsum generator

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec accumsan cursus mauris, sed aliquam nulla mollis sed.
      Cras ac turpis tortor, adipiscing egestas felis. Vestibulum at lobortis ante. Nulla sed facilisis nunc. Duis venenatis
      lacinia arcu et pulvinar. Vivamus vestibulum suscipit ligula, quis egestas augue tristique non. Nulla quam tellus,
      fringilla quis consectetur sed, rhoncus in ligula. Pellentesque eu volutpat nunc. Nam sapien nunc, tincidunt et dapibus et,
      imperdiet eget nibh. Maecenas sed massa quam. Mauris eu tincidunt nunc.










      ----------------------------------------

      • ***

        div#content { margin: 0; padding: 20px 40px; width: 1000px; min-height: 500px; background: #fff; }

        *** Poista leveys tai laita: 920px ***

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. SDP jo 100 % suositumpi kuin persut

      Kertoo Hesarin uusin kannatuskysely. Demareiden kannatus on miltei tuplat verrattuna persuihinl. Suomen kansa ei selväst
      Maailman menoa
      103
      10714

    2. Voiko normaali ihminen ryhtyä vasemmistolaiseksi?

      Tätä jäin pohdiskelemaan.
      Maailman menoa
      249
      4613

    3. SDP haluaa 40 000 nettomaahanmuuttajaa

      SDP:n Suunnanmuutos-vaihtoehtobudjetissa, käy ilmi, että demarit itse asiassa vaativat räjähdysmäistä ”työperäisen” maah
      Maailman menoa
      175
      3993

    4. Orpo: Velkajarrua vastustavaa puoluetta vaikea ajatella hallitukseen

      No Minja Koskelan kommunistipuolue jäi ulos tuosta. Kaikki eduskuntapuolueet vasemmistoliittoa lukuun ottamatta sopivat
      Maailman menoa
      175
      3480

    5. PS ylivoimainen nousija myös HS:n gallupissa, SDP laskee taas

      https://www.verkkouutiset.fi/a/hs-gallup-sdpn-suosio-laskee-ps-nousussa/#0a7d2507 Ylivoimainen viime kuukausien nousija
      Maailman menoa
      75
      3305

    6. Valtavasti suomalaisia asunnottomina, mutta ei yhtään somalia

      tai muuta kehitysmaalaista. Mites tässä näin kävi? Tiedän hyvin, että esim. somaleita lentää ulos mm. Hekan asunnoista,
      Maailman menoa
      78
      3097

    7. Mikä tämä henkilö mahtaa touhuta Parkanossa

      Kamalaa https://www.ylasatakunta.fi/teksti/pirkanmaan-karajaoikeus-vangitsi-koiran-tappamisesta-epaillyn-6.68.127794.b58
      Parkano
      34
      2926

    8. Ikävä sinua mies

      Vuosia kuluu, mutta tunteet ei ole hävinnyt. Tasoittuneet toki, kun ei olla nähty. Järki palannut päähän kuitenkin. Se i
      Ikävä
      27
      2480

    9. Hienoa! Eduskunta luopui käteisen käytöstä

      Nyt tuo sama muutos pitää saada myös muuhun yhteiskuntaan. Käteistähän ei tarvitse tänä päivänä enää kuin rikolliset.
      Maailman menoa
      65
      1786

    10. Kiinnostaa - ei kiinnosta - kiinnostaapas

      Selittäkää hämmentyneelle miksi miehiä ei ikinä kiinnosta silloin, kun sitä olisi itsekin kiinnostunut? Sitten kun siirt
      Sinkut
      172
      1576
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt