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;
}
position:fixed
2
533
Vastaukset
- 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
- 935411
Suomen kaksikielisyys - täyttä huuhaata
Eivätkö muuten yksilöt pysty arvioimaan mitä kieliä he tarvitsevat? Ulkomaalaiselle osaajalle riittää Suomessa kielitai754726Työeläkeloisinta 27,5 mrd. per vuosi
Tuo kaikki on pois palkansaajien ostovoimasta. Ja sitten puupäät ihmettelee miksei Suomen talous kasva. No eihän se kas1374697Mikä on vaikeinta siinä, että menetti yhteyden kaivattuun, jota vielä ajattelee?
Mikä jäi kaihertamaan? Jos jokin olisi voinut mennä toisin, mitä se olisi ollut? Mitä olisit toivonut vielä ehtiväsi san3692124- 961778
- 991627
- 2571517
- 3561222
Pääsit koskettamaan
Sellaista osaa minussa jota kukaan ei ole ennen koskettanut. Siksi on hyvin vaikea unohtaa sinut kokonaan.581054- 2001021