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

598

Ää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. Maahanmuuttajien vaikutus Suomen valtiontalouteen positiivinen

      Maahanmuuttajat maksavat enemmän tuloveroja kuin saavat tulonsiirtoja. Eroavat persuista tässä suhteessa. Persuista o
      Maailman menoa
      284
      4452

    2. Ukrainan tiedustelun huippupotti - Iski ensin yhteen satamaan, sitten toiseen

      Ukrainan tiedustelupalvelu SBU kertoo johtaneensa operaatiota, jossa on isketty drooneilla Venäjän tärkeimpiin satamiin
      Maailman menoa
      125
      2441

    3. Olen Päivi Räsäsen puolella

      En oe uskovainen enkä kristillisdemograattikaan mutta onhan tuo naurettavaa laittaa Päivi syylliseksi omasta mielipit
      Maailman menoa
      316
      2399

    4. Ulkomaalaistaustaiset tulevat kalliiksi yhteiskunnalle.

      Selvitys: Ulkomaalaistaustaiset saivat selvästi enemmän työttömyysetuuksia ja toimeentulotukea kuin suomalaistaustaiset.
      Maailman menoa
      147
      2304

    5. Nuhteettomia edustajia

      Korkein oikeus tuomitsi Päivi Räsäsen kiihottamisesta kansanryhmää vastaan Kansanedustaja Päivi Räsästä (kd.) vastaan no
      Politiikka
      190
      2160

    6. Päivi Räsänen tuomittiin rikoksesta...

      ...kiihottamisesta kansanryhmää vastaan. Tuskin tajuaa silti vieläkään, että raamattu ei ole lakikirja. https://yle.fi/a
      Maailman menoa
      477
      1183

    7. Korkein oikeus antaa Räsäselle vastauksen klo 9. Varmaan vapautus

      Miten veikkaat että Päiville käypi? Päivi pitää lehdistökonferenssin klo 9.30. Koko media on läsnä. 7 v taistelu on ohii
      Luterilaisuus
      384
      1108

    8. Huumeliika mellastaa Suomussalmella

      Varastanut S-marketissa, jopa kolme kertaa päivässä. Päätekijä pitänyt kuumeorjanaan naistaan useita vuosia. Mies potki
      Suomussalmi
      11
      1000

    9. Ihana sinä (m)

      Oispa kiva nähdä sua. Uskomatonta, miten paljon sä pyörit mun ajatuksissa. Oonkohan mä sun mielessä? Haluaisitko nähdä v
      Ikävä
      38
      903

    10. Oletko koskaan miettinyt

      kun sua ei kukaan puolusta missään tilanteessa? Eikö ole omituista?
      Viha
      89
      858
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt