Eli tämän kanssa ei ole oikein kukaan osannut auttaa, mutta jospa täältä nyt löytyisi joku joka osaisi kertoa miten homman saa toimimaan.
Eli yksinkertaisesti, miten saisi tablelle heightin 100 prosenttiin?
Joku sanoi, että pitäisi tehdä css:llä, mutta minä en ihan ymmärtänyt kuinka se menisi. Neuvoja?
Eli yksinkertaisesti, miten saisi tablelle heightin 100 prosenttiin?
Joku sanoi, että pitäisi tehdä css:llä, mutta minä en ihan ymmärtänyt kuinka se menisi. Neuvoja?
Vastaukset 14
Vanhimmat
Table-elmentillä ei ole korkeusmääritelmää:
http://www.w3.org/TR/html401/struct/tables.html#h-11.2.1
No niin, niin mäkin jo vähän aattelin.. Kiitos ny kuitenkin.
Aivan. Vähän jo pelkäsinkin, että joku tulisi tätä ehdottamaan..
mitä oikeastaan haluat, voisit saada vastauksenkin.
Et ymmärtänyt mitä haluan? Hmm.. Kenties kysymykseni "miten saada tablen height 100%" on vaikeasti ymmärrettävä. Koitan siis selventää.
Olisin halunnut saada korkeuden sataan prosenttiin selainikkunasta. Mutta tablen kanssa nuo height="100%" tai style=.. eivät toimi.
Toivottavasti auttoi :).
Jos saisit käyttöösi 100% prosentin määritteellä toimivan taulukon niin se joko peittäisi koko sivun tai olisi ns. marninaalina jommassa kummassa raunassa.
Tämän voi toteuttaa frameilla, eli jaat sivun kolmeen vaakasuoraan osaan (ylä,keski,ala) esim. 50px, *, 50px , joilloin saat mahdollisesti haluamasi ulkoasun sivullesi.
+-------+
|50px...|
+-------+
|.*.....| (tämä osa venyy sivun koon mukaan)
+-------+
|50px...|
+-------+
Kyllä minä ainakin voin käyttää style-määritelmää (siis css-juttuja) table-tagissa. En ymmärrä mikset sinä voi:
kokoruudun table
body {
padding : 0px;
}
table {
height : 100%;
width : 100%;
background-color : Aqua;
}
td {
background-color : Fuchsia;
}
dfgdf
Pistinkin vahingossa suosiseltavamman tavan, eli erillisen määrittelyn. Anteeksi. Tätä tarkoitini:
kokoruudun table
dfgdf
Ei toimi 4.01 transitionalin alla. Lisäksi Mozilla Firebird(0.71) tekee ikävän vierityspalkin.
"Ei toimi 4.01 transitionalin alla."
Mitä ihmettä tuossa oli sellaista joka ei ole 4.01 transitionaalia? Tai strictiä? Tai xhtml strictiä?
Eihän css nyt mitään html:ää olekaan.
"Mitä ihmettä tuossa oli sellaista joka ei ole 4.01 transitionaalia? Tai strictiä? Tai xhtml strictiä? "
Ongelma oli CSS:ssä. Kun taulukolle asetetaan korkeus 100%, tulee asettaa sama arvo sekä bodylle että html:lle:
body, html {
height: 100%;
margin: 0;
padding: 0;
}
Tämä näyttäisi toimivan ok:
kokoruudun table
/**/
Onko noilla sulkumerkkien paikoilla joku oleellinen merkitys? Ainakin allekirjoittaneen mielestä koodi näyttää paljon siistimmältä ja helpommalta lukea, jos esim.
table
{
background: aqua none;
color: #000;
height: 100%;
margin: 0;
padding: 0;
width: 100%;
}
kirjoitetaan muotoon
table
{background: aqua none;
color: #000;
height: 100%;
margin: 0;
padding: 0;
width: 100%}
Varsinkin javascriptiä tehdessä oon muutellut sulkujen paikkoja aika rajustikin ilman että sillä näyttäis olevan mitään merkitystä koodin toimivuuden kannalta. Selaimena on IE kutonen.
muun kuin selvyyden kannalta :) Henkilökohtaisesti käytän muotoa
body {
backround: transparent none;
color: #000;
margin: 0 5px;
padding: 5px 0;
}
(tää palsta lisäksi "syö" TABin noiden arvojen edestä).
Varsinkin pitkiä CSS-tiedostoja silmäillessä omat tottumukset huomaa hyvin. Onneksi esim TopStyle Prolla ja StyleMasterilla on helppo ja nopea sisentää pidempikin pätkä.