Miten voin tehdä css:llä tai taulukoilla (tai ihan millä vaan..) sellaisen web-sivun, joka skaalautuu automaattisesti avoimen selain-ikkunan korkuiseksi (ja levyiseksi)? Lisäksi pitäisi toimia luonnollisesti siten, että tulee vierityspalkit, kun sisältö ei mahdu kokonaan avoimeen ikkunaan.
Kiitos kovasti, jos joku osaa auttaa!
Sivu ikkunan korkuiseksi?
en tajua...
9
951
Vastaukset
- -Ridge-
Jos teet taulukolla niin laita css:ään:
table {
height: 100%;
width: 100%;
}
Jos teet divillä niin:
div {
height: 100%;
}
Bodyyn voit laittaa margin 0 niin ei jää mitään reunoja. Vierityspalkit tulee normaalisti itsestään, voit toki myös laittaa overflow: auto- olen yrittänyt
mutta laihoilla tuloksilla. Jos tuo on se tapa, jolla pitäisi onnistua, niin pitää tarkistaa koodia.
- -Ridge-
olen yrittänyt kirjoitti:
mutta laihoilla tuloksilla. Jos tuo on se tapa, jolla pitäisi onnistua, niin pitää tarkistaa koodia.
Missä mättää, mitä koodi tekee tai ei tee..?
- mitään
-Ridge- kirjoitti:
Missä mättää, mitä koodi tekee tai ei tee..?
eli minulla on taulukoilla taitettu sivu, jonka muotoilut on hoidettu omalla css-tiedostolla. nämä (height:100%;) komennot eivät vaikuta mitenkään. Sivu alkaa yläreunasta jatkuen n 400px, mutta en onnistu millään skaalaamaan koko ikkunan korkuiseksi.
- -Ridge-
mitään kirjoitti:
eli minulla on taulukoilla taitettu sivu, jonka muotoilut on hoidettu omalla css-tiedostolla. nämä (height:100%;) komennot eivät vaikuta mitenkään. Sivu alkaa yläreunasta jatkuen n 400px, mutta en onnistu millään skaalaamaan koko ikkunan korkuiseksi.
koodia tulemaan niin selvii..
- tuloo
-Ridge- kirjoitti:
koodia tulemaan niin selvii..
html-sivu on tehty näin:
- koko paketti (table.global) div:n (#tausta) sisällä, joka tekee tausta kuvan (repeat-y).
css:
body {
margin: 0;
padding: 0;
border: 0px;
font-size: 12px;
font-family: Verdana
color: #000;
background-color: #3D3D3D;
height: 100%;
}
#tausta {
margin: 0;
padding: 0 0 10px 0;
width: 900px;
background:transparent url(images/tausta.jpg) center top repeat-y;
height: 100%;
}
table.glopal {
margin: 0;
padding: 0;
width: 900px;
height: 100%;
}
Sivu taitettu siis taulukolla (jonka sisällä uusia taulukoita (niinku venäläisiä puumummoja..) :) - -Ridge-
tuloo kirjoitti:
html-sivu on tehty näin:
- koko paketti (table.global) div:n (#tausta) sisällä, joka tekee tausta kuvan (repeat-y).
css:
body {
margin: 0;
padding: 0;
border: 0px;
font-size: 12px;
font-family: Verdana
color: #000;
background-color: #3D3D3D;
height: 100%;
}
#tausta {
margin: 0;
padding: 0 0 10px 0;
width: 900px;
background:transparent url(images/tausta.jpg) center top repeat-y;
height: 100%;
}
table.glopal {
margin: 0;
padding: 0;
width: 900px;
height: 100%;
}
Sivu taitettu siis taulukolla (jonka sisällä uusia taulukoita (niinku venäläisiä puumummoja..) :)Sulla on koodissa table.global ja css:ssä table.glopal, eli korjaa tuo p-kirjain..=)
- css
-Ridge- kirjoitti:
Sulla on koodissa table.global ja css:ssä table.glopal, eli korjaa tuo p-kirjain..=)
mutta tuon korjaaminenkaan ei vaikuta..
tuon tausta div:n alapuolella ennen -tagia on vielä oma "footer-div". Voiskohan se vaikuttaa?
Kiitos avustasi joka tapauksessa! - -Ridge-
css kirjoitti:
mutta tuon korjaaminenkaan ei vaikuta..
tuon tausta div:n alapuolella ennen -tagia on vielä oma "footer-div". Voiskohan se vaikuttaa?
Kiitos avustasi joka tapauksessa!Ei sen pitäisi vaikuttaa, laita koko koodi tulemaan tai katso toimiiko tämä haluamallasi tavalla, footeri on nyt taustan sisällä, vaihda sen alle jos niin haluat..
Untitled
Tekstiä.
Tekstiä.
Tekstiä.
Tekstiä.
Tekstiä.
Tekstiä.
Tekstiä.
footer
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Arman Alizadin viesti puna-aktivisteille: "Pitäkää lärvinne nytkin kiinni"
Arman Alizad kritisoi vasemmiston kaksinaismoralismia. Iranissa syntynyt suosikkijuontaja Arman Alizad pakeni perheensä2343992Minja Koskela nostanut vasemmistoliiton kannatuksen ennätykseen
Koskela valittiin puolueen johtoon lokakuussa 2024, ja silloin Ylen kysely antoi puolueelle 9,3 prosentin kannatuksen.1232307Antti johtaa Petteriä jo 7,1 prosenttiyksiköllä
Tällä menolla sdp menee kokoomuksesta kierroksella ohi jo tällä vaalikaudella. https://yle.fi/a/74-20213575821996- 1411461
- 77929
Seuraavakin hallitus joutuu leikkaamaan
Sitähän tämä hallitus nyt höpöttää, kun itse on ajanut tilanteen katastrofaaliseksi. Orpon hallitus lähti suurin puhein127927Hotelli kainuu
Mietityttää, hotelli Kainuussa, se, että asiakkaat voivat valita ketä saa olla ja ketä ei, Illan aikana asiakkaina!37920Ovatko vastasyntyneet vauvat syntisiä?
Se ihmisten keksimä järjetön perisynti, jos ovat!330849Pitäis vaan lopettaa
Sinun kanssa yhteydenpito. Alkaa vaan haluamaan enemmän ja tuskin lopulta mikään kohtaisi. Ja ikävä vaan kasvaa ja lähei8847J. Rinta-Joupilla jättimäinen veropetosvyyhti
Seinäjoen keskustan kiinteismiljonäärit olleet jo pitkään ahtaalla ja liittykö J. Rinta-Jouppikin rintamaan? https://yl61756