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
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
- 101706
- 39675
Sinä mies olisit
ollut se kenet haluan. Edelleen pidän sinua kaikkein ihanimpana ja tärkeimpänä. Kukaan muu ei ole niinkuin sinä. Mutta s32609Poliisin potkija
Kukahan oman elämänsä sankari oli potkaissut poliisia? Iltalehdessä oli juttua.16598Miksi jätit minut
Epätietoisuuteen? Tiedän että pelkäsit mitä siitä seuraa jos asiat tulevat mutta silti. Miksen merkinnyt tarpeeksi?38557Tykkäisitköhän todellisuudessa jutella
Minun kanssa kahdestaan, vai onko tämä palstailu enemmän sinun juttu minun suhteen?50519Kun et ota yhteyttä, tarkoittaako se
Että olet menny elämässä eteenpäin ja et myös toivo minulta naiselta viestiä enää?63516- 34515
- 63491
- 68489