Dokumenttityypillä "-//W3C//DTD HTML 4.01 Transitional//EN" toimii IE9:llä mutta ei Mozilalla:
http://koti.mbnet.fi/ptmeks/v01.html
Kun vaihdan tyypin: "-//W3C//DTD XHTML 1.0 Transitional//EN", ei toimi kummallakaan.
http://koti.mbnet.fi/ptmeks/v02.html
Löytyykö helppoa ratkaisua tai muuta sopivaa scriptiä, jolla sais toimimaan etenkin myös alemmassa dokumenttityypissä?
Alkuperäinen scripti jota lähdin muokkaamaan löytyi: http://keskustelu.suomi24.fi/node/9528908#comment-47176622-view
Divien korkeus korkeimman mukaan
ptmeks
9
235
Vastaukset
Jos haluat vain vierekkäiset elementit samankorkuisiksi, käytä taulukkoa. Se hoitaa asian ilman JavaScriptiä (ja CSS:ääkin). Alkuperäisessä skriptissä, johon viittaat, kyse oli leveyksistä, jolloin tilanne on aivan toinen.
Jos kuitenkin pitää tehdä vaikeasti, niin ota huomioon, että div-elementin kaikki lapset eivät ole elementtejä. Kuten konsolista voi katsoa, koodisi aiheuttaa nyt virheitä, koska divi.childNodes[i].style ei ole kaikissa tapauksissa määritelty. Raaka tapa hoitaa asia on lisätä lauseen
divi.childNodes[i].style.height = suurinKorkeus "px"
eteen ehto
if('style' in divi.childNodes[i])- ptmeks
Kiitos, nyt toimii :)
Scripti saattaa kyllä olla jäljiltäni vähän niin ja näin kun nuo ohjelmointitaidot perustuu pääosin yrityksiin ja erehdyksiin, joten korjausehdotukset on vähintäänkin suotavia.
Laitan päivitetyn sivu näkyville, josta selviää myös perusidea: http://koti.mbnet.fi/ptmeks/v03_js.html
- CSS, ei taulukkoa
Miksi taulukkoa pitäisi käyttää?
Ihan diveilläkin ja css:lläkin tuon saa aikaan.
Seuraavat tulevat tarpeeseen:
– display: table;
– display: table-row;
– display: table-cell;- Realistinen
Niin, miksi tehdä asia taulukolla, jolloin se toimii kaikissa selaimissa, kun yksinkertaisen asian voi tehdä mutkikkaasti ja tavalla, joka ei toimi lainkaan vanhoissa selaimissa? Kyllähän tuo viisaus kannatti kirjoittaa yli puoli vuotta sen jälkeen, kun asia oli jkäsitelty.
- Ranne erkki
Realistinen kirjoitti:
Niin, miksi tehdä asia taulukolla, jolloin se toimii kaikissa selaimissa, kun yksinkertaisen asian voi tehdä mutkikkaasti ja tavalla, joka ei toimi lainkaan vanhoissa selaimissa? Kyllähän tuo viisaus kannatti kirjoittaa yli puoli vuotta sen jälkeen, kun asia oli jkäsitelty.
No koska jos haluat olla katu uskottava css html pro, niin et tietenkää voi käyttää varmoja ja helppoja ratkaisuja jotka toimii kaikissa selaimissa jne, vaan on käytettävä kaikenlaisia kikkoja ym joilla toimivuus on epävarmaa.. eikä pidä unohdaa etä miltä sivu näyttää marginaalikäyttö laitteissa ja laitteissa joilla hyvin epäteden näköisesti kukaan sivullasi vierailee.. rannekellosta pölynimuriin :D .. niin ja pitää muistaa valitoida sikana vaikka sivut toimisikin erinomaisesti kaikissa laitteissa, niin validointi löytää kyllä virheitä sivustostasi ja sitämyöten sivustosi pilaa ja tuhoaa koko maailman
- ptmeks
Vanha juttu mutta laitan nyt vielä vähän selvitystä...
Tuo "taulukko" on tehty diveillä ihan siitä syystä, että cms:llä "solujen jotka ovat divejä" lisääminen onnistuu mutkattomasti mihin väliin hyvänsä. Javascripti ainoastaan määrittää kaikkien divien korkeuden korkeimman divin mukaan. - CSS, ei taulukkoa
Taulukot on tarkoitettu taulukkomuotoisen datan esittämiseen, ei sisällön asemointiin. Siksi tuo ratkaisu.
- Heretic
Tuollainen kommentti vuosi sitten esitettyyn kysymykseen oli varmaankin uskontosi vaatima rituaali, joten sitä ei sovi kritisoida. Ymmärrämme, että sinulle annettuun missioon kuuluu kaikkien ”taulukkotaittojen” kantaminen roviolle, ja inkvisitiosi erottelee taittotaulukot muista kuulustelemalla jokaista taulukkoa, kunnes se tunnustaa olevansa taittosellainen.
Mutta luulenpa, että täällä evankelioimisesta et paljoa pisteitä saa.
- CSS, ei taulukkoa
Tuleveisuudessa ratkaisu ongelmaan on CSS:n flex-box.
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
SDP jo 100 % suositumpi kuin persut
Kertoo Hesarin uusin kannatuskysely. Demareiden kannatus on miltei tuplat verrattuna persuihinl. Suomen kansa ei selväst14910966Mikä tämä henkilö mahtaa touhuta Parkanossa
Kamalaa https://www.ylasatakunta.fi/teksti/pirkanmaan-karajaoikeus-vangitsi-koiran-tappamisesta-epaillyn-6.68.127794.b58643873Ikävä sinua mies
Vuosia kuluu, mutta tunteet ei ole hävinnyt. Tasoittuneet toki, kun ei olla nähty. Järki palannut päähän kuitenkin. Se i393853Orpo: Velkajarrua vastustavaa puoluetta vaikea ajatella hallitukseen
No Minja Koskelan kommunistipuolue jäi ulos tuosta. Kaikki eduskuntapuolueet vasemmistoliittoa lukuun ottamatta sopivat1873606PS ylivoimainen nousija myös HS:n gallupissa, SDP laskee taas
https://www.verkkouutiset.fi/a/hs-gallup-sdpn-suosio-laskee-ps-nousussa/#0a7d2507 Ylivoimainen viime kuukausien nousija1003451Valtavasti suomalaisia asunnottomina, mutta ei yhtään somalia
tai muuta kehitysmaalaista. Mites tässä näin kävi? Tiedän hyvin, että esim. somaleita lentää ulos mm. Hekan asunnoista,993294Hienoa! Eduskunta luopui käteisen käytöstä
Nyt tuo sama muutos pitää saada myös muuhun yhteiskuntaan. Käteistähän ei tarvitse tänä päivänä enää kuin rikolliset.691924Maajussi-Ville herättää kysymyksiä - Etsiikö oikeasti rakkautta vai mainostaako oliiviöljyä?
Mitä mieltä olet: etsiikö Ville rakkautta vai mainostaako oliiviöljyään? Maajussille morsian -ohjelmassa yksi maajusseis151247Kovia syytöksiä Stefan Thermaninsta.
Jättänyt taas maksamatta kohuliikemies, hupparit ja muita ostamiaan tavaroita. On soiteltu liikkeestä ja Stefan iskenyt155938Totuuspuolueen johtaja Jaana "prinsessa Leia" Kavonius on vangittu
Kavonius määrättiin jo keväällä 2024 poissaolevana vangittavaksi todennäköisin syin epäiltynä 13 vainoamisesta ja 24 kun264899