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
424
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
Miten Eerolan silmäkuvat voivat levitä muutamassa tunnissa ympäri maailmaa?
Seuraako koko maailma persujen ja erityisesti Eerolan somea reaaliajassa? Edes kansanedustajan itsemurha eduskuntatalos4175984Suomen kansa haluaa Antti Lindtmanista pääministerin
Lindtman on miltei tuplasti suositumpi kuin etunimikaimansa Kaikkonen. Näin kertoo porvarimedian teettämä kysely. http1133358Vain 21% kannattaa Lindtmania pääministeriksi
se on selvästi vähemmän kuin puolueen kannatus, mites nyt noin?592320Miten löydän sinut
Ja saan sanottua kaiken mitä haluan sinulle kertoa? Ja kuinka kuuntelisit minua sen hetken? Kuinka voin ilmaista sen mit251869- 611005
Moraaliköyhä S-ryhmä
S-ryhmä on kehystänyt Israel-boikottipäätöksen “ihmisoikeuslinjaukseksi”, mutta toteutus paljastaa sen onttouden: valiko108993- 59984
Yöllinen autolla kaahari Heinolan seudulla
Asukkaita häiriköivän nuoren herran autokaahaus keskustelu poistettu, onko jokin hyvävelijärjestelmä käytössä ?101973- 42882
- 78881