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
453
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
Nato kaatamassa Petterin haaveileman Tunnin junan?
Nato edellyttää pohjoisessa Jäämereltä Rovaniemelle saakka kapearaitesta suoraa rautatieväylää, joka maksaa paperirahaa,725044Puoluebarometri: Marinin hallituksella 7 parasta mittaustulosta
Orpon hallitusta pitää huonona 2/3 kansalaisista, joka on aika hyvin linjassa hallituspuolueiden yhteenlasketun kannatuk403805Donald Trump pääsi samalle listalle Sanna Marinin kanssa
Eli vasemmistolaisen Time-median top 100 jännäihmisten listalle. https://time.com/collections/time100-next-2021/5937699253388- 792391
- 241909
Grahn-laasonen taas todisti millaista porukkaa
kokoomusloiset ovat...työttömät jäävät kuulemma kotiin nukkumaan kun naapuri lähtee töihin...eikös taannoin kokoomuslois3561601Tekeekö hän
Tekeekö hän sinut h*lluksi ja millä tavalla? Uusi yritys, kun edellinen aloitus poistettiin.271581Laine voitti oikeudessa
Onnea Savonlinna! Laine voitti oikeudessa kuten arvelinkin ja lieköhän palaa valtaisuimelleen?401542Puistotyöntekijät
Miksi ei siivoojia näy. Näin hyvät ilmat. Voisi kerätä roskat. Onko rahat loppu. 🤔🤔🤔151485Onko kaivatullasi iso ego? Entä sinulla?
Vaikuttaako jommankumman ego jotenkin siihen, että ette voi lähentyä?341355