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

306

Ää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. Nainen, tervetuloa

      Tule luokseni eka vaikka viikoks tai pariksi. Saisin helliä, kannustaa ja tukea sua ja kokata lempi herkkujasi. Pääsisit
      Ikävä
      27
      3443

    2. Kela valvoo lasten tilejä.

      Tämä isoveli Kela kyttää jopa lasten yli 200,- euron rahat jotka on melko varmasti lahjaksi saatu. Se vaikuttaa perheen
      Yhteiskunta
      293
      3388

    3. TTK-tähti Saana Akiola paljasti tv-ohjelmassa tapahtuneen ahdistelun

      Olisko pitänyt suunnitella ulostulo paremmin? Nyt lehdet soittelevat kaikki 8 läpi ja kuusi sanoo ettei koskenut häntä.
      Maailman menoa
      26
      2190

    4. Olisit ollut varovaisempi

      Nyt jos minut hylkäät ja et meidän asiasta minulle mitään ilmoita niin ettet edes anteeksi pyydä, niin tiedä että minä e
      Ikävä
      35
      2014

    5. Mitä haluaisit sanoa hänelle

      Nyt tällä hetkellä?
      Ikävä
      133
      1982

    6. Elisa laskuttaa jo sähköpostilaskusta erikseen euron

      Paperilaskuista on otettu lisämaksua jo ajat sitten, mutta nyt Elisa ottaa euron siitä että lähettävät sähköisen laskun
      Maailman menoa
      119
      1731

    7. Vastenmielisyys

      Kuvaa sinua parhaiten
      Ikävä
      44
      1488

    8. Oho! Susanna Laine kohtasi epäonnea lomareissulla Italiassa - Avaa tilannetta: "Vähän sahaavaa..."

      Ou nou! Tsemppiä kuitenkin loppulomaan Italiassa, Susanna Laine ja mahdollinen seuralainen! Lue lisää ja katso kuvat:
      Suomalaiset julkkikset
      7
      1460

    9. Ensitreffit alttarilla Jyrki paljastaa hääyön intiimiasioista kameroiden sammuttua: "Fyysinen..."

      Ooo-la-laa… Ensitreffit alttarilla -sarjassa alkaa hääparien välillä ns. tunteet kuumenemaan. Lue lisää: https://www.s
      Ensitreffit alttarilla
      2
      1313

    10. Väliämme on noin 6 km

      Niin lähellä ja niin kaukana. Sinä olet kotona, minä olen kotona. Olet jo unessa. Mutta kun herään, olet jo töissä ja vä
      Ikävä
      9
      1213
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt