Divien korkeus korkeimman mukaan

ptmeks

9

273

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • 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

    1. Mikä teidän jutussa on ongelmana?

      Missä meni pieleen?
      Ikävä
      175
      1471
    2. Kauhavan häiriköijistä

      Juttua Iltalehdessä. Pakko sanoa että noi nuoret on kyllä ihan pimeitä. Putkin peltoja jupksevat kiusaamaan kun ei tietä
      Kauhava
      41
      1049
    3. Haluan sinut, kuuletko minua.

      Haluan sinut. Toivon, että voisimme olla yhdessä. Mietin pystynkö täyttämään toiveesi, olemaan arvoisesi. Voisitko saad
      Ikävä
      38
      735
    4. Auto ajoi päälle?

      Ja pakeni luin iltapäivälehdestä. ! Ken on kuski joka tuollee teki
      Kuusankoski
      14
      670
    5. Sama ransetti taas!

      Keikkui tällä kertaa Honkavaaran tien varressa muutaman sadan metrin päässä Louhenkoskelta.. Otin rekisterin ylös ja ver
      Hyrynsalmi
      21
      650
    6. Hän on tosi

      hyvännäköinen. Ei edes ryppyi oo. :D
      Ikävä
      36
      643
    7. Miksi Lapset kiusaa yöllä

      Miksi Lapset kiusaa yöllä ihmisiä? Miksi vanhemmat antaa tämän tapahtua? Eikö ne huomaa ettei lapset ole kotona vai eivä
      Kauhava
      28
      642
    8. Tehdäänkö tänään toiveista totta?

      Poikkea tänä illasta siinä lähellä ja annetaan silmien puhua ja sen jälkeen puhu sinä lopulta mitä ajattelet..
      Ikävä
      46
      607
    9. Viimeinen lankafest

      Käykää viimeisessä lanka festissä. Ensivuonna sitä ei enää ole. Rahat on loppu. Harmi .
      Puolanka
      17
      593
    10. Ajatteletko ollenkaan minua

      Naiselle, jonka kanssa vahva tunne yhteydestä. Jota kipeästi kaipaan, mutta jota ei juuri näe. Onko siitä jo kolme vuott
      Ikävä
      30
      587
    Aihe