Miten saan solun pysymään tietyn kokoisena?
Taulukko on tällä hetkellä suunnilleen tämmöinen:
http://lyhytlinkki.net/?j27jvkf9
Kaikki on hyvin niin kauan, kunnes lisään tuohon SIVU kohtaan niin paljon tavaraa, että se venyy alas. Sen on tarkoituskin tehdä niin. Tarkoituksena olisi, että tuo sininen x kohta venyisi samalla. Niin se tekeekin, muttei tarpeeksi. Nuo punaisella merkityt kohdat venyvät myös, vaikkeivat ne saisi.
Siniselle ei ole määritetty mitään korkeutta.
Punaisille on määritetty height, niissä oleville kuville on määritetty height.
css tiedostossa on määritetty height solulle, max-height ja table-layout: fixed.
Jos laitan borderin ykköseksi, sitten kaikki toimii ok. Jos poistan borderit, punaset venyvät. Keksiikö kukaan ratkaisua?
Taulukko on tällä hetkellä suunnilleen tämmöinen:
http://lyhytlinkki.net/?j27jvkf9
Kaikki on hyvin niin kauan, kunnes lisään tuohon SIVU kohtaan niin paljon tavaraa, että se venyy alas. Sen on tarkoituskin tehdä niin. Tarkoituksena olisi, että tuo sininen x kohta venyisi samalla. Niin se tekeekin, muttei tarpeeksi. Nuo punaisella merkityt kohdat venyvät myös, vaikkeivat ne saisi.
Siniselle ei ole määritetty mitään korkeutta.
Punaisille on määritetty height, niissä oleville kuville on määritetty height.
css tiedostossa on määritetty height solulle, max-height ja table-layout: fixed.
Jos laitan borderin ykköseksi, sitten kaikki toimii ok. Jos poistan borderit, punaset venyvät. Keksiikö kukaan ratkaisua?
Vastaukset 4
Vanhimmat
mieleen että laita borderi, mutta väriksi
taustaväri (tai sininen/punainen).
kokeiltu on, mutta ei auttanut. Unohdin mainita tuon, ja varmaan miljoona muutakin. Ensinnäkin, osa niistä soluista sisältää kuvia, jotka muodostavat tavallaan isomman kuvan. En jaksa selittää miksi, ellei ole pakko. Mutta ainakin firefoxissa siihen jää silti vielä semmoinen ohut viiva.
Mahtaisikohan javascriptillä tai jollain saada säädettyä, että sen sinisen korkeus olisi sivun korkeus miinus (osan) punaisten korkeus? Javascriptistä en tiedä vielä mitään.
ratkaisu että laitat kaikki x:t diveihin, ja divit yhteen soluun soluun (sis. sininen x divissä).
http://www.elisanet.fi/master.navigator/WebTutor3/tables/index.htm