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ä =)
Kaksi taustakuvaa sivulle!
5
385
Vastaukset
- helppikannustus
Käytä CSS2 sekä z-index asemointia: http://appro.mit.jyu.fi/doc/css2/index2.html
- 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ä.
Luetuimmat keskustelut
Vesikin maksaa, miksei hengitysilma?
Jatkuvasti itketään ettei ole rahaa mihinkään, mutta tilastojen mukaan rahaa on enemmän kuin koskaan, joten miksei asial11536Satuolennoista tarinointi ei kuulu peruskoulun tehtäviin
Opetustunteja on muutenkin käytössä vain rajallinen määrä. Eli nämä satuhommat koulun ulkopuolelle vapaaehtoisiin harras911450Lahkokasteen ja kristillisen kasteen erot
Raamatun mukaan Kristillisessä yhdessä kasteessa Jumala pesee ja puhdistaa ihmisen sydämen ja poistaa perisynnin kirouks4221031Suomalainen perheenisä vaatii Suvivirren esittämisestä hyvityksiä
Itse lapsena uskonnonopetuksesta vissiin traumoja saanut ihka suomalainen (!) perheenisä vaatii Espoon kaupungilta korva183884Heikki Paasosen Marita-vaimo jätti tunteikkaat jäähyväiset: "Tällä kertaa me..."
Heikki Paasonen on naimisissa Marita Paasosen (os. Alatalo) kanssa ja heillä on kaksi pientä lasta. Nyt koitti aika jätt2767- 102740
Pirkanlinna yleisötapahtuma
Oli todella hyvä tilaisuus. Ja EERO. L. Aivan mahtava tyyppi. Veti rennosti ja asiallisesti. Ja yleisöltä hyviä kysymyks42731Kuka omistaa keltaisen vanhan aravan?
Pitäs saada rakennuksen omistajaan yhteys, rappukäytävät on siivottomassa kunnossa. Hiekkaa ja roskia rappusissa, lisäks28718- 7694
- 60673