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

303

Ää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. Suomi on täysin sekaisin

      Jo ties monettako päivää hirveä itku ja poru jostain helvetin nilviäisistä. https://www.is.fi/taloussanomat/art-2000010
      Maailman menoa
      450
      4829

    2. Ensimmäisestä kohtaamisesta saakka

      minulla on ollut hämmentynyt olo. Miten voit tuntua siltä, että olisin tuntenut sinut aina? Sinun kanssasi on yhtä aikaa
      Ikävä
      15
      1722

    3. Aivan täysin tahallinen teko

      Ei mitään puolusteluja, eikä selittelyitä. Kuljettajalle kerrottiin asiasta siinä paikanpäällä, mutta silti hän ajoi ves
      Suomussalmi
      93
      1459

    4. Suomussalmi saatu vihdoin maailmankartalle!

      Nyt kun Suomussalmi on vihdoin viimein saatu ennennäkemättömällä tavalla maailman tietoisuuteen niin voitaisiin järjestä
      Suomussalmi
      53
      1359

    5. Olet saanut minut sekoamaan

      Tunteiden ristiaallokossa vellominen on ollut melkoinen kokemus. Ei kukaan ole saanut minua niin raiteiltaan kuin sinä.
      Ikävä
      22
      1316

    6. Mainehaitta metsäkonefirmalle

      Hukkajoen tapahtumista liikkuu paljon huhuja. Eikö kannattaisi julkaista raakkuja tuhonneen metsäkoneyrityksen nimi, kos
      Suomussalmi
      53
      1208

    7. Oho! Maajussi-Kallelta pakit saanut morsioehdokas Miss Suomi -kisoissa! Tunnistaisitko hänet nyt?

      Hmm, tunnistaisitko?!? Onnea missihulinoihin! Lue lisää ja katso kuvat: https://www.suomi24.fi/viihde/oho-maajussi-
      Suomalaiset julkkikset
      0
      1075

    8. Myönnän sinulle nyt

      Että olen erittäin mustasukkainen sinusta jo nyt. Ikävä on tämä tunne, kun tietämättömyyden solista nousee myrkkyä miele
      Ikävä
      54
      990

    9. Pysytäänkö nainen

      edelleen yhtä viileän tyynenä kun nähdään. Uskotko että tahtoessani saisin murettua tyyneytesi hyvin helposti.
      Ikävä
      57
      885

    10. Olen käyttäytynyt ristiriitaisesti

      eikä minusta varmaankaan ota mitään selvää. Se johtuu siitä, kun järki sanoo ei, ei, ei ja sydän sanoo kyllä, kyllä, kyl
      Ikävä
      60
      859
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt