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

374

Ää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. Arman Alizadin viesti puna-aktivisteille: "Pitäkää lärvinne nytkin kiinni"

      Arman Alizad kritisoi vasemmiston kaksinaismoralismia. Iranissa syntynyt suosikkijuontaja Arman Alizad pakeni perheensä
      Maailman menoa
      234
      3992

    2. Minja Koskela nostanut vasemmistoliiton kannatuksen ennätykseen

      Koskela valittiin puolueen johtoon lokakuussa 2024, ja silloin Ylen kysely antoi puolueelle 9,3 prosentin kannatuksen.
      Maailman menoa
      123
      2307

    3. Antti johtaa Petteriä jo 7,1 prosenttiyksiköllä

      Tällä menolla sdp menee kokoomuksesta kierroksella ohi jo tällä vaalikaudella. https://yle.fi/a/74-20213575
      Maailman menoa
      82
      1996

    4. Harmi nainen kun

      olet niin elähtäneen näköinen. Miestä et koskaan löydä itelles. j
      Ikävä
      141
      1461

    5. Mistä kehon osasta

      Pidät minussa eniten?
      Ikävä
      77
      929

    6. Seuraavakin hallitus joutuu leikkaamaan

      Sitähän tämä hallitus nyt höpöttää, kun itse on ajanut tilanteen katastrofaaliseksi. Orpon hallitus lähti suurin puhein
      Maailman menoa
      127
      927

    7. Hotelli kainuu

      Mietityttää, hotelli Kainuussa, se, että asiakkaat voivat valita ketä saa olla ja ketä ei, Illan aikana asiakkaina!
      Kuhmo
      37
      920

    8. Ovatko vastasyntyneet vauvat syntisiä?

      Se ihmisten keksimä järjetön perisynti, jos ovat!
      Luterilaisuus
      330
      849

    9. Pitäis vaan lopettaa

      Sinun kanssa yhteydenpito. Alkaa vaan haluamaan enemmän ja tuskin lopulta mikään kohtaisi. Ja ikävä vaan kasvaa ja lähei
      Ikävä
      8
      847

    10. J. Rinta-Joupilla jättimäinen veropetosvyyhti

      Seinäjoen keskustan kiinteismiljonäärit olleet jo pitkään ahtaalla ja liittykö J. Rinta-Jouppikin rintamaan? https://yl
      Seinäjoki
      61
      756
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt