Divien korkeus korkeimman mukaan

ptmeks

9

268

Äänestä

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Yucca

      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ä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. Joensuun kaupunki levittelee tonttitietoja Keskisuomalaiselle

      Sähköposteja ja tonttitietoja levitellään mm. Pasi Koivumaalle
      Joensuu
      17
      2353

    2. Oletko nainen alkanut kammoamaan minua

      Sinua ei näy eikä kuulu, ja ilmeisesti kiertelet tilanteita. Oletko huomannut, että olet vieläkin ajatuksissani luvattom
      Ikävä
      67
      1559

    3. Saako 60 v vielä töitä? Arto Nyberg puhuu suoraan elämästä ilman töitä

      Arto Nyberg täyttää tänään 60 v. Onnea! Nyberg totuttiin näkemään suoran haastatteluohjelman kapteenina vuodesta toise
      Maailman menoa
      103
      1489

    4. Tiesitkö tätä ex-miehistä? Noriko Salo jysäytti yllätyspaljastuksen

      Noriko Salo ja ex-F1 kuski Mika Salo olivat naimisissa v. 1999-2022. Kirsi Salon ex-mies puolestaan on muusikko Sammy A
      Kotimaiset julkkisjuorut
      6
      1432

    5. Toivoisitko Rakas vielä?

      Haluaisitko vielä? Uskoisin osaavani näyttää sinulle, kuinka ainutlaatuinen nainen olet.
      Ikävä
      68
      1305

    6. Huh, huh! Sofia Belorf ei ole itse pessyt hiuksiaan kolmeen vuoteen

      Sofia Belorf elää ökyelämää Dubaissa. Sofian arjessa kulta, raha ja luksus ovat vahvasti läsnä. Luksuselämään tottuneell
      Kotimaiset julkkisjuorut
      80
      1250

    7. Kuka? Riehui valtuuston kokouksessa tänään ?

      Onko puolangan puolesta porukkaa. Vaikuttaa siltä. Sairasta.
      Puolanka
      40
      1231

    8. Keskustelua kasteesta

      You tubessa kaksi pappia keskustelivat kasteesta ja kritisoivat raamatullista uskovien kastetta. Toinen heistä yritti
      Kaste
      400
      1194

    9. Ihan pieni näkeminen vaan

      👋 ja minä olisin valmis jo vaikka mihin sun kanssa. Nämä on näitä.. 🤫🫣😘💥
      Ikävä
      31
      1087

    10. En haluaisi kaiken kuihtuvan pois

      ilman, että olemme voineet jutella rauhassa kasvotusten... Mutta mistä ihmeestä löydän sinut?
      Ikävä
      52
      1056
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt