position:fixed

parti

Sijoitin kaksi elementtiä toisen vasempaan reunaan ja toisen yläosaan. Yritin kiinnittää (asemoida) ne niin, että pysyisivät paikallaan sivua vieritettäessä. En saa sitä onnistumaan. Osaisiko joku neuvoa eteenpäin. Tässä divit:

.ylaverho{
background-position: top;
position:fixed;
padding: 0;
margin: 0;
background-image: url(taustakuvat/thtopswag.gif);
background-repeat: repeat-x;
width: 100%;
height: 150;
}

ja

.vasenverho{
position:fixed;left;
background-image: url(taustakuvat/thcurtaintile.jpg);
background-repeat: repeat;
width: 150;
height: 100%;
float: left;
padding-top: 0;
margin-top: -150;
width: 150;
}

2

586

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • jk111

      Mikä on "position:fixed;left" ?
      Tuon heightin ja widthin perään kannattaa laittaa px (jotkut selaimet eivät ymmärrä sitä pikseleiksi automaattisesti).
      Korkeus prosentteina ei välttämättä toimi samalla tavalla kaikissa selaimissa (toiset laskevat sen sivun korkeudesta, jotkut ruudun korkeudesta).

    • Lauri.

      Aseta vielä sijainnit, niin pitäisi alkaa toimimaan. Eli:
      .ylaverho {
      ...
      top: 0px;
      left: 0px;
      }

      .vasenverho{
      ...
      top: 150px; /* Yläverhon korkeus */
      left: 0px;
      }

      Ota floatit pois. Ne kyllä laittavat sen "kellumaan" oikeaan paikkaan, mutta silloin niiden asemointi ei ole "kiinteä". Lisäksi anna aina yksikkö. Nyt korkeus on 150.. jotain..

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

    Luetuimmat keskustelut

    1. Eutanasia - miksi eläimelle sallitaan armokuolema, mutta ihmiselle ei?

      Olen pitkään ihmetellyt yhtä asiaa Suomessa. Kun koira kärsii parantumattomasta sairaudesta ja kovista kivuista, eläinlä
      Arvot ja etiikka
      52
      11792
    2. Sanna Marin vetänyt leukoja 11 kertaa

      Tästähän oli joskus polemiikkia, kun muistaakseni lupasi kymmenen tai jotain vedellä. No nyt niin on, ainakin omien san
      Maailman menoa
      40
      4754
    3. Sosiaalidemokratia romahtanut kautta maailman

      nuoret eivät enää kannata järjetöntä aatetta, joten demarien täytyy hakea kannattajia mamuista. Ruotsin sos.demit jo kie
      Maailman menoa
      256
      2872
    4. Miksi Seta ja Sofia Virta ei vaadi muslimeita kunnioittamaan priden-arvoja?

      Kuten tiedetään niin islam ei hyväksy sitä mitä pride edustaa. Seta-pomo Mikkonen nosti hirveän äläkän kun yksi tepsin
      Maailman menoa
      152
      2672
    5. Kuvaile kaivattusi

      ulkonäkö. Asiattomatkin kommentit saa laittaa. -🏚️
      Ikävä
      115
      1782
    6. Farmi Suomi: Kokeeko Frederik, 81, saman kohtalon kuin ikämies Danny?

      Danny, musiikkineuvos Ilkka Lipsanen, nähtiin mukana Farmi Suomi -realityssä v. 2024. Danny teki yllätysratkaisun ja tuo
      Tv-sarjat
      19
      1178
    7. 40 vuotta töitä paiskinut ja 3 vuotta työttömänä mamuna Suomessa, sama eläke

      Jokin mättää. Eläkettä ei pidä maksaa lainkaan mamuille jos työhistoriaa ei ole vähintään 10 vuotta takana.
      Maailman menoa
      211
      941
    8. Kirjoita

      … jotakin minkä vain kaivattusi tietää
      Ikävä
      79
      889
    9. Et olisi niin epävarma,

      olisit varmempi, ihastuisin suhun enemmän...
      Ikävä
      82
      860
    10. En luota sinuun

      en edelleenkään yhtään tiedä oletko lintu vai kala vai kalavale. Ja ilmeisesti haluat pitää sen niin, syitä voi vain arv
      Ikävä
      67
      835
    Aihe