Css ja backround-position-ongelma

Avril

Teen sivupohjaa, jossa pitäisi olla yksi iso, hyvin vaalea taustakuva aivan selaimen oikeassa alareunassa. Taustakuva on sijoitettu body-osaan ja sen päälle tulee vielä erikseen table-taitto, jossa puolestaan on toinen taustakuva.

Ongelma on se, että Macin selain Safari näyttää kuvan juuri siten kuin pitääkin, kauniisti selaimen oikeassa alareunassa, mutta Opera ja Firefox katkaisevat sen omituisesti poikki ja alareunaan jää näkyviin bodyn taustaväri (mutta ei yläreunaan, siellä kuva menee rumasti poikki). Lisäksi Opera ja Firefox tekevät selainikkunaa pienennettäessä taustakuvaakin varten vierityspalkin, mikä on aivan turhaa. Mikä aiheuttaa moista? Explorerilla en ole päässyt kokeilemaan, miltä näyttää. Sinänsä sekä html-pohja, että tyylitiedostokin pitäisi olla validaattorin mukaan oikein.

body {margin:0px;
padding:5%;
color: #303a18;
background-color:#faf3e8;
background-image: url(kuvat/bodytausta.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

2

364

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Avun pyytäminen jonkin erityisen sivun ongelmiin on yleensä vain ajan tuhlausta (oman ja muiden), jos ei kerro URLia.

      • Avril

        Sivuja ei ole vielä siirretty nettiin, joten URL:a en voi antaa. Sivusto on siis tekeillä, testailen sitä omalla koneella kolmella eri selaimella. Harjoittelen samalla ulkoisen tyylitiedoston käyttöä, joten siitä epävarmuus. Dokumentti on HTML 4.01 strict.

        Oletin, että ongelma olisi ollut body-osan tyylimääreissä (jotain, mitä tein tai jätin tekemättä). Kaikki, mikä koskee bodyn ulkoasua on määritelty ap. viestiin liittämääni pätkään. HTML-osassa on pelkkä merkkaus . Jos liitän sekä koko html-osan että css-osan tähän, siitä tulee kamalan pitkä hässäkkä, joten...

        Ratkaisin ongelman toistaiseksi siten, että käsittelin photarilla kuvan alareunan liukumaan taustan väriin ja siirsin kuvan sijaintiin top right. Täten poistui se ongelma, että taustakuva katkeaa yläreunasta poikki sijoittumatta kuitenkaan oikeaan alareunaan. Sijainnissa top right tausta näkyy kokonaan. Toimii riittävän hyvin, tosin ei alkuperäisen idean mukaan.


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

    Luetuimmat keskustelut

    1. Mitä siellä ABC on tapahtunut

      Tavallista isompi operaatio näkyy olevan kyseessä.
      Alajärvi
      181
      7567
    2. Klaukkalan onnettomuus 4.4

      Klaukkalassa oli tänään se kolmen nuoren naisen onnettomuus, onko kellään mitään tietoa mitä kävi tai ketä onnettomuudes
      Nurmijärvi
      88
      3499
    3. Kuvaile elämäsi naista

      Millainen hän on? Mikä tekee hänestä sinulle erityisen?
      Ikävä
      59
      2424
    4. Kolari Klaukkala

      Kaksi teinityttö kuoli. Vastaantulijoille ei käynyt mitenkään. Mikä auto ja malli telineillä oli entä se toinen auto? Se
      Nurmijärvi
      70
      1548
    5. Ukraina ja Zelenskyn ylläpitämä sota tuhoaa Euroopan, ei Venäjä

      Mutta tätä ei YLE eikä Helsingin Sanomat kerto.
      Maailman menoa
      373
      1486
    6. Ooo! Kaija Koo saa kesämökille öky-rempan:jättimäinen terde, poreallas... Katso ennen-jälkeen kuvat!

      Wow, nyt on Kaija Koon mökkipihalla kyllä iso muutos! Miltä näyttää, haluaisitko omalle mökillesi vaikkapa samanlaisen l
      Kesämökki
      20
      1386
    7. Kuvaile elämäsi miestä

      Millainen hän on? Mikä tekee hänestä sinulle erityisen?
      Ikävä
      57
      1373
    8. Toivoisin, että lähentyisit kanssani

      Tänään koin, että välillämme oli enemmän. Kummatkin katsoivat pidempään kuin tavallisesti toista silmiin. En tiedä mistä
      Ikävä
      17
      1091
    9. Olisinpa jo siellä, otatkohan minut vastaan

      Olisitpa lähelläni ja antaisit minun maalata sinulle kuvaa siitä kaikesta ikävästä, tuskasta, epävarmuudesta ja mieleni
      Ikävä
      79
      1040
    10. Kevyt on olo

      Tiedättekö, että olo kevenee kummasti, kun päästää turhista asioista tai ihmisistä irti! Tämä on hyvä näin <3
      Ikävä
      84
      1038
    Aihe