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
448
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
Perussuomalaiset kirjoittaa vain positiivisista uutisista
Ei tarvitse palstaa paljon seurata, kun sen huomaa. Joka ainoa positiivinen uutinen Suomen taloudesta tai ylipäätään, ni1126949Kuka on UMK-suosikkisi? UMK26 paljastuksia lauantai 28.2.
UMK26 tänä lauantaina! UMK26 tulee suorana Tampereelta ja nyt selviää, kuka pääsee edustamaan Suomea Euroviisuihin. M1044670L/over ja Jani Volanen! Minkä arvosanan 4-10 annat roolityöstä?
Psykologinen trilleri L/over - ikuisesti minun on koukuttanut tv-katsojat ruudun ääreen. Kun Roosa (Krista Kosonen) tapa483932TTK:n jättänyt Vappu Pimiä rehellisenä MasterChef-kuvauksista: "Höh..."
Vappu Pimiä on uusi MasterChef Suomi -tuomari. Viime vuonna Tanssii Tähtien Kanssa jäi taakse, ja nyt vuorossa on uusi a133324Natomaa hyökkäsi Iraniin
Näemme nyt tällä hetkellä Natomaan nimeltä Yhdysvallat, joka toimii aika pitkälti perinteisen kansainvälisen lain ulkopu6691976Trump aloitti III maailmansodan tänään.
Narsisti ja mielipuoli Trump pitäisi saada pois, miten se onnistuisi parhaiten?2181335- 661328
Rakas tiedät, että toivoisin
Kuulevani sinusta. Tiedät, että viestisi tekisi minut ihan onnelliseksi. Että äänesi kuuleminen saisi minut leijumaan ja551273Osaako kukaan sanoa?
Mikä on syy siihen, että apulaisidiootti yrittää kaikin keinoin haitata kaikkea yrittämistä Ähtärissä? Nyttkin pilkkaa j511267Viesti miehelle
Nyt vastaa oikea taa´app. Ainoastaan puhelimitse voidaan selvittää asioita, mutta tuskin sitä haluat kaiken halveeramise12962