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

535

Äänestä

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

    Takaisin ylös

    Luetuimmat keskustelut

    1. Nyt se on selvitetty: Sanna Marinin hallitus lisäsi menoja 41 miljardilla

      ”vasemmistohallitus oli katastrofaalisen huono”, sanoo kokoomus. Sanna Marinin (sd.) hallituksen tekemät menolisäykset
      Maailman menoa
      250
      17385

    2. Purra sössi kaiken 2 vuodessa, itkee nyt Marinin perään

      Nyt on taas sama vanha itkuvirsi, kun ei omat taidot riittänee. Kaikki on taas muiden syytä. No miten sen "Tunnin juna"
      Maailman menoa
      180
      12358

    3. Eli persujen rääkyminen Marinin hallituksen velanotosta oli sitä itseään

      "Valtiovarainministeriön mukaan Marinin hallitus lisäsi valtion pysyviä menoja 3 miljardia eikä 11 miljardia euroa." El
      Maailman menoa
      63
      6134

    4. Orpon hallitus runnoi Tunnin junan ilman tarvetta

      Näinkö valtiontaloutta hoidetaan? Siis asiantuntijoidenkin aikoja sitten kannattamattomaksi laskema Tunnin juna tehdään
      Maailman menoa
      69
      4955

    5. MTV3 - Auerin poika todistaa videolla, miten Anneli pahoinpiteli lapsia!

      Kello 10.04 – Ainakin kerran viikossa se löi. Löi muitakin sisaruksia, mutta ei isosiskoa. Nuorinta siskoa en ole nähny
      Henkirikokset
      21
      4955

    6. Orpon hallitus paskoi kaikki hommat

      ja "yllätäen" ilmestyi raportti Marinin hallituksen tuhlailusta, raportti tuli kuin TILAUKSESTA.
      Maailman menoa
      27
      4065

    7. Lindtman ylivoimainen suosikki pääministeriksi

      Lindtmania kannattaa pääministeriksi peräti 50 prosenttia useampi kuin toiseksi suosituinta Kaikkosta. https://www.ilta
      Maailman menoa
      84
      3635

    8. Kansa haluaa Marinin hallituksen takaisin ja Orpon pois

      Suomen kansa on nyt ilmoittanut millaisen hallituksen Suomi tarvitsee. "Suomalaisten suosikki seuraavaksi hallituspohja
      Maailman menoa
      23
      3612

    9. NO NIIN! Nyt on sitten prinsessa Sannan sädekehä lopullisesti rikottu

      narsistia ei kannata enää kuin ne fanaattisimmat kulttilaiset, jotka ovat myös sitä Suomen heikkoälyisintä sakkia. Kun
      Maailman menoa
      41
      3141

    10. Sanna Marin - Maailman paras talousasiantuntija?

      PersKeKoa pukkaa? https://www.hs.fi/politiikka/art-2000011636623.html
      Maailman menoa
      146
      3119
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt