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
580
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
Kelekkakisat
Mikä vakava onnettomuus sattunut kisoissa. On peruttu koko kisat. Pelastuskopteri näytti käyvän paikalla.167935- 264765
- 1013949
Virkamiehille tarvitaan tuntuvat palkankorotukset
Naistenpäivänä on syytä muistuttaa, että virkamiehen euro on vain 80 senttiä. Palkat tulee saattaa samalle tasolle yksi173305- 953175
- 553069
- 332777
- 472582
Pitäis vaan lopettaa
Sinun kanssa yhteydenpito. Alkaa vaan haluamaan enemmän ja tuskin lopulta mikään kohtaisi. Ja ikävä vaan kasvaa ja lähei132220Ikävä uutinen uudesta Unelmia Italiassa -kaudesta
Unelmia Italiassa -sarja on ollut supersuosittu ja uutta kautta on odotettu. Nyt on tullut se aika, että TV-katsojat pää92025