TAULUKKO KESKELLE SIVUA!

Unohdin

Sanokaas millain saa keskitettyä HTML-koodissa taulukon keskelle sivua pystysuunnassa.

Vaakasuunnassa se menee , mutta en saanut vielä keskitettyä sitä pystysuunnassa?

9

1296

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • ---

      • asdf

        Tai sitten näin:


        ....


      • Unohdin

        Kiitos! Noinhan se muuten just meneekin!


    • Tõppõ
      • Unohdin

        Nuo "asdf" ja "---" kirjoittamat vihjeet eivät muuten toimikaan - testasin juuri eilen. Tuo valign="middle" toimii vain jos sitä käyttää td:n määrittelyssä, mutta se ei toimi koko tablen määrittelyssä.

        Ei tuo Töppön kirjoittamakaan nyt ihan haluamani paras versio ole. Haluaisin siis sellaisen taulukon, joka olisi aina keskitettynä keskelle selainikkunaa joka suunnasta katsottuna. Ja sillä pitäisi olla vielä sellainen ominaisuus, että kun laittaa näytön "800x600" tilaan niin se taulukko peittäisi koko selainikkunan, ja sitten kun muuttaisin näytön "1280x1024" tilaan, niin taulukko olisi edelleen keskellä näyttöä ja reunoihin ilmestyisi ne marginaalit.

        Nythän jos teen Töppön nevomalla tavalla, niin siihen sivuun tulee ne paksut marginaalit jo siinä "800x600"-tilassakin. Haluaisinkin siis antaa taulukolle kiinteät lukuarvot sen koosta, enkä haluaisi ympärillä vallitsevaan ylijäämäreunoihin antaa minkäänlaisia leveysarvoja, vaan ne saisivat olla niin leveät kuin taulukon koolta jää yli tilaa.


      • Tõppõ
        Unohdin kirjoitti:

        Nuo "asdf" ja "---" kirjoittamat vihjeet eivät muuten toimikaan - testasin juuri eilen. Tuo valign="middle" toimii vain jos sitä käyttää td:n määrittelyssä, mutta se ei toimi koko tablen määrittelyssä.

        Ei tuo Töppön kirjoittamakaan nyt ihan haluamani paras versio ole. Haluaisin siis sellaisen taulukon, joka olisi aina keskitettynä keskelle selainikkunaa joka suunnasta katsottuna. Ja sillä pitäisi olla vielä sellainen ominaisuus, että kun laittaa näytön "800x600" tilaan niin se taulukko peittäisi koko selainikkunan, ja sitten kun muuttaisin näytön "1280x1024" tilaan, niin taulukko olisi edelleen keskellä näyttöä ja reunoihin ilmestyisi ne marginaalit.

        Nythän jos teen Töppön nevomalla tavalla, niin siihen sivuun tulee ne paksut marginaalit jo siinä "800x600"-tilassakin. Haluaisinkin siis antaa taulukolle kiinteät lukuarvot sen koosta, enkä haluaisi ympärillä vallitsevaan ylijäämäreunoihin antaa minkäänlaisia leveysarvoja, vaan ne saisivat olla niin leveät kuin taulukon koolta jää yli tilaa.

        ..värkkäyksestä mutta en nyt tähän hätään muutakan tapaa keksinyt. Keskitys on helppoa mutta tuon vertikaalisen keskityksen kanssa tuppaa olemaan ongelmia. Näin se kuitenkin toimii (huom! laita se sisempi taulukko kuitenkin vähän pienemmäksi):



        Keskellä oleva taulukko

           body {
              margin: 0px;
              padding: 0px;
              background: #DCDCDC;
           }
           table.reunus {
              height: 100%;
              width: 100%;
              text-align: center; /* tällä IE keskittää taulukon vaikka ei pitäisi */
           }
           table.keskus {
              width: 779px;
              height: 460px;
              margin: auto; /*tällä kunnon selaimet keskittävät taulukon */
              background-color: #FAEBD7;
           }






           
           
           
           
              
              
           
           
              
              
           
           

           


      • Unohdin
        Tõppõ kirjoitti:

        ..värkkäyksestä mutta en nyt tähän hätään muutakan tapaa keksinyt. Keskitys on helppoa mutta tuon vertikaalisen keskityksen kanssa tuppaa olemaan ongelmia. Näin se kuitenkin toimii (huom! laita se sisempi taulukko kuitenkin vähän pienemmäksi):



        Keskellä oleva taulukko

           body {
              margin: 0px;
              padding: 0px;
              background: #DCDCDC;
           }
           table.reunus {
              height: 100%;
              width: 100%;
              text-align: center; /* tällä IE keskittää taulukon vaikka ei pitäisi */
           }
           table.keskus {
              width: 779px;
              height: 460px;
              margin: auto; /*tällä kunnon selaimet keskittävät taulukon */
              background-color: #FAEBD7;
           }






           
           
           
           
              
              
           
           
              
              
           
           

           

        Joo no nyt se toimii, juuri niin kuin halusinkin sen toimivan! Kiitosta vaan!


      • Unohdin kirjoitti:

        Nuo "asdf" ja "---" kirjoittamat vihjeet eivät muuten toimikaan - testasin juuri eilen. Tuo valign="middle" toimii vain jos sitä käyttää td:n määrittelyssä, mutta se ei toimi koko tablen määrittelyssä.

        Ei tuo Töppön kirjoittamakaan nyt ihan haluamani paras versio ole. Haluaisin siis sellaisen taulukon, joka olisi aina keskitettynä keskelle selainikkunaa joka suunnasta katsottuna. Ja sillä pitäisi olla vielä sellainen ominaisuus, että kun laittaa näytön "800x600" tilaan niin se taulukko peittäisi koko selainikkunan, ja sitten kun muuttaisin näytön "1280x1024" tilaan, niin taulukko olisi edelleen keskellä näyttöä ja reunoihin ilmestyisi ne marginaalit.

        Nythän jos teen Töppön nevomalla tavalla, niin siihen sivuun tulee ne paksut marginaalit jo siinä "800x600"-tilassakin. Haluaisinkin siis antaa taulukolle kiinteät lukuarvot sen koosta, enkä haluaisi ympärillä vallitsevaan ylijäämäreunoihin antaa minkäänlaisia leveysarvoja, vaan ne saisivat olla niin leveät kuin taulukon koolta jää yli tilaa.

        taulukoillakin, kunhan teet sen varsinaisen ympärille ensin yhden taulukon.
        Tässä pikana unen tokkurassa väsätty, näyttäis toimivan ainakin mozillalla!







        Toimii!!!


      • djmosse kirjoitti:

        taulukoillakin, kunhan teet sen varsinaisen ympärille ensin yhden taulukon.
        Tässä pikana unen tokkurassa väsätty, näyttäis toimivan ainakin mozillalla!







        Toimii!!!

        unohtui nuo 800x600 ==>





        Eli tollaset muutat!


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Vasemmistohallitus palauttaa hintasääntelyn, esim. bensalitra vain 1e.

      Tuleva vasemmistolaisista koostuva hallitus ottaa käyttöön vanhat hyvät keinot pitää hinnat kurissa. Tähän tarkoitukse
      Maailman menoa
      67
      4479
    2. Vasemmistolainen valehteli jälleen - Purra tai persut eivät luvanneet "euron bensaa"

      Väite "euron bensasta" on ensisijaisesti poliittisten vastustajien käyttämä puhdas vale. Persut kyllä kampanjoivat näky
      Maailman menoa
      104
      3737
    3. Arman Alizadin viesti puna-aktivisteille: "Pitäkää lärvinne nytkin kiinni"

      Arman Alizad kritisoi vasemmiston kaksinaismoralismia. Iranissa syntynyt suosikkijuontaja Arman Alizad pakeni perheensä
      Maailman menoa
      109
      3363
    4. Antti johtaa Petteriä jo 7,1 prosenttiyksiköllä

      Tällä menolla sdp menee kokoomuksesta kierroksella ohi jo tällä vaalikaudella. https://yle.fi/a/74-20213575
      Maailman menoa
      68
      1908
    5. Minja Koskela nostanut vasemmistoliiton kannatuksen ennätykseen

      Koskela valittiin puolueen johtoon lokakuussa 2024, ja silloin Ylen kysely antoi puolueelle 9,3 prosentin kannatuksen.
      Maailman menoa
      21
      1906
    6. Mitä on tullut

      Entisen abcn rakennuksen tilalle se oli tyhjillään monta vuotta siellä oli jo nyt valot onko huoltoasema? 5:30.
      Haapavesi
      87
      1175
    7. Harmi nainen kun

      olet niin elähtäneen näköinen. Miestä et koskaan löydä itelles. j
      Ikävä
      89
      923
    8. Palosta selvinnyt 18 vuotias munira tarvitsi tulkin kun puhui Iltalehdelle

      Suomessa asuva 18 vuotias tarvii tulkin !!! Tää Suomea puhumaton on palossa kuolleen naisen veli ja asui perheen kanssa.
      Vantaa
      123
      886
    9. Minne pyydän sut?

      Jotta saan nähdä 🤨
      Ikävä
      54
      878
    10. Mikä homma?

      https://share.google/NvruSS4P4EzjTWPov Poliisilla oli keskiviikkona 4. maaliskuuta yksityisasunnossa Saarijärvellä tehtä
      Saarijärvi
      24
      804
    Aihe