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
443
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
Kiva kun SDP alkaa hallitsemaan Suomea
Vanhat hyvät ajat taas palaavat ja kansa vaurastuu. Muistatteko vielä Sorsan aikakauden? Silloin Suomessa tehtiin jopa2848420Säästäminen on typerää, muistakaa äänestää demareita
Säästäminen on typerää, koska aiheuttaa vain talouden taantumista ja lopulta tappaa potilaan. Demareiden tapa on satsat685070Olli Rehn: Eläkkeistä pitää leikata. Nyt tuli Lindtmanille kauhun paikka
jos johtaa seuraavaa hallitusta. Purra: eläkkeisiin ei kosketa. Eikä tällä hallituskaudella varmasti kosketa, mutta seur2814430SDP:n budjetin peruskivi: "Rahaa nimittäin on!"
Demarien talouspolitiikan ydin on usein tiivistetty klassiseen meemiin: rahaa on, kunhan se on jonkun muun rahaa. Vuoden603057Sara Sieppi umpirehellisenä Amazing Race -kulissien takaisesta elämästä
Sara Sieppi oli mukana Amazing Race Suomi -realityssä. Somevaikuttajalla oli takana raskasta aikaa ja isoja suruja, eikä12516Herkkua vai hötöä? Kaksi Beck-leffaa tällä vkolla tv:stä
Beck-elokuvat tuntuvat olevan suomalaisten makuun. Tällä viikolla televisiosta tulee kaksi ruotsalaista taidonnäytettä,31900Hatunnosto! Mari Hynynen (os. Perankoski) ja Jouni Hynynen auttavat vähäosaisia upealla tavalla!
Hatunnosto! Mari ja Jouni Hynynen ovat Vailla vakinaista asuntoa ry:n uudet kummit. Hynysiä motivoi halu lisätä ymmärr51777- 1111775
TTP avajaiset
Tuhannen Taalan Paikka avautuu 1.3-26. Onpa tosi mukavaa! Kiitos Jaanalle kun olet niin aktiivinen ja jaksat yrittää ja401673Tiesitkö? Tämä suomalainen keksi Elämäni biisi -sarjan - Viinin lipittely mainittu!
Tiesitkö? Elämäni biisi on suomalainen formaatti ja sen takana on Petja Peltomaa. Hänen kynästä ovat lähtöisin myös mm.01640