Mistä mahtaa johtua, että jos laitan esimerkiksi div:n korkeudeksi 100%; niin että se skaalautuisi koko sivun korkuseksi sisällön määrästä riippuen, ei background-repeat: repeat-y; komennolla taustakuva skaalaudu div:n mukana vaan skaalautuminen katkeaa tietyssä kohdassa.
Tuli melko epäselvästi selitettyä, mutta tässä kuva siitä mitä tarkoitan: http://www.imagehosting.us/index.php?action=show&ident=1843667
Ja .css tiedosto tässä:
body {
background-color: white; black;
color: black;
margin: 0%;
}
#vasen_tayte {
background-image: url(vasen_tayte.png);
background-repeat: repeat-y;
background-position: right;
width: 20%;
height: 100%;
margin-top: 0%;
margin-left: 0%;
margin-bottom: 0%;
padding: 0%;
float: left;
}
#vasen_kapea {
background-image: url(vasen_kapea.png);
background-repeat: repeat-y;
background-position: left;
width: 3%;
height: 100%;
margin: 0%;
padding: 0%;
float: left;
}
#blogi {
background-color: white;
width: 54%;
height: 100%;
margin: 0%;
padding: 0%;
float: left; 22:15 25.12.2006
}
#oikea_kapea {
background-image: url(oikea_kapea.png);
background-repeat: repeat-y;
background-position: right;
width: 3%;
height: 100%;
margin: 0%;
padding: 0%;
float: left;
}
#oikea_tayte {
background-image: url(oikea_tayte.png);
background-repeat: repeat-y;
background-position: left;
width: 20%;
height: 100%;
margin: 0%;
padding: 0%;
float: right; clear: right;
}
#blogi p {
color: #808080;
font-size: 12px;
font-family: Sans-Serif;
margin-left: 2%;
margin-right: 2%;
}
#blogi h1 {
color: black;
font-weight: bold;
font-size: 14px;
font-family: Sans-Serif;
text-align: center;
}
#blogi h2 {
color: black;
font-weight: bold;
font-size: 14px;
font-family: Sans-Serif;
text-align: center;
margin-top: 5%;
}
#blogi h2 a {
color: black;
font-weight: bold;
font-size: 14px;
font-family: Sans-Serif;
text-align: center;
text-decoration: none;
}
#blogi h2 a:hover {
color: gray;
font-weight: bold;
font-size: 14px;
font-family: Sans-Serif;
text-align: center;
text-decoration: none;
}
#blogi h2 a:selected {
color: black;
font-weight: bold;
font-size: 14px;
font-family: Sans-Serif;
text-align: center;
text-decoration: none;
}
#blogi h3 {
color: black;
font-weight: bold;
font-size: 14px;
font-family: Sans-Serif;
text-align: center;
}
#blogi h4 {
color: gray;
font-weight: bold;
font-size: 12px;
font-family: Sans-Serif;
text-align: center;
margin-top: 5%;
}
background-repeat
100%..?
1
461
Vastaukset
- Zar34
Sinun tapauksessa 100% = selaimen ikkunassa näkyvän alan korkeus, ei siis kokosivun korkeus. Se mitä yrität on nykyisellään vaikea toteuttaa toimivana yleisimmillä selaimilla CSS ulkoasuna.
Lähelle kyllä pääsee esim http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/ mutta tulee ongelmia jos halutaan skaalautuva ja vielä tuommonen taustakuva mikä on repeat-y.
Taikasana olisi tuohon ongelmaan olisi display:table mut IE selaimilla se ei toimine. Katsos http://www.456bereastreet.com/archive/200406/equal_height_boxes_with_css_part_ii/
Ainoa mahollisuus on tehdä hybridi-ulkoasu, siis teet kolmipalstasen taulukon ja määrität sille halutut jutut CSS:llä.
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Työeläkeloisinta Suomen suurin talousongelma
Työeläkeloisinta maksaa vuodessa lähes 40 miljardia euroa, josta reilut 28 miljardia on pois palkansaajien ostovoimasta.2522662Veroaste on Suomessa viitisen prosenttiyksikköä liian matala
Veropohjaa on rapautettu käytännössä koko kulunut vuosituhat, jonka vuoksi valtion menoja on jouduttu rahoittamaan velka162180Israel euroviisujen 2.
Israel sai taas eniten yleisöääniä. Suomesta täydet 12 pistettä, poliittinen ”ammattiraati” antoi 0 pistettä. Hyvä Is3281902- 1031639
Euroviisut ei enää niin musiikkikilpailu?
Kappaleiden taso ei enää ole mikä sijoituksen ratkaisee.Eikö kukaan ihmettele että Israel pärjää lähes joka vuosi kisois901566Mun mielestäni on tosi loukkaavaa
Nainen, että luulet palatan typeriä, sekavia ja ilkeitä viestejä mun kirjoittamiksi. Mä en ole katkera, epätoivoinen, ra2001250- 671210
- 251131
- 501093
Rakas nainen ymmärsin
Että minun pitää pitää kiinni sinusta. Haluan, että sä olet onnellinen. Olet mulle se oikea ja mä sulle. Rakastan Sua yl731026