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
parti
2
641
Vastaukset 2
- 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
- 931311
- 781055
- 46747
Ei kai nyt kukaan oikeasti kuvittele, että hallitus eroaisi Garden Helsingin takia?
Ongelmanahan tässä kuitenkin on se, että mitään tavallisuudesta poikkeavaa ei ole tapahtunut. Joten mikä se eroperuste154707- 56680
Muiden vaikutus
Oletko antanut muiden vaikuttaa mielipiteisiisi, tunteisiini tai valintoihisi suhteessa kaivattuusi?83633- 36630
Me (n & m)
Toisillemme erityiset, vaikka emme ole toistemme elämässä kuin lyhyinä, ohikiitävinä hetkinä. Uskon, että koet samoin. T16600- 78568
No tavallaan seuraava kohtaaminen on käänteentekevä
Koska sanon sulle että rakastan sua. On aika. Pösilö.29554