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

641

    Vastaukset 2

    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ä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. Martinan tyttärestä hieno haastattelu IL

      Martina on kasvattanut fiksun tyttären.
      Kotimaiset julkkisjuorut
      368
      848
    2. Muuttaisitko kaivattusi luokse

      heti asumaan? 🛒
      Ikävä
      100
      842
    3. Mitä odotat kohtaamiselta?

      Niin, otsikossa kysymys.
      Ikävä
      76
      630
    4. Olet kuin minä

      Jännä huomata tämä kerta toisensa jälkeen eikö ❤️
      Ikävä
      50
      625
    5. Samassa kylässä asuu yks mies...

      Jota en voi sietää... yök!
      Ikävä
      65
      605
    6. Mä olen tosi

      Ylpeä sinusta 🫂 Ajatuksissani pyydän sulle paljon suojelusta ja varjelusta. Sinua rakastettaan ja susta välitetään. Mui
      Ikävä
      38
      599
    7. Sanotaan se sitten tässä

      Rakastan sua mies varmaan.
      Ikävä
      30
      576
    8. Orpo pelästyi, kun asiat tulivat ilmi ? Hallitus ei enää tuekaan Garden hanketta

      Pääministerinä Orpo on vastuussa hallituksensa päätöksenteosta. Hallitus päätti avokätisestä tuesta hankkeelle, joka ei
      Kansallinen Kokoomus
      134
      569
    9. En minä tule koskaan ottamaan sinuun yhteyttä

      Että siinä ole vaan rauhassa ilman minua koko loppuelämäsi ajan.
      Ikävä
      25
      550
    10. Omituiset kuntayhtymän vieraat festareilla

      Mitähän Pekka Iivari teki kuntayhtymän vieraana festareilla? Harvemmin tällaiset tilaisuudet ovat ns. avec- tyyppisiä ei
      Kemijärvi
      48
      547
    Aihe