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

1316

    Vastaukset 9

    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. Riikka Purra on mukana Suomen huutokauppakeisari -sarjassa

      Suomen huutokauppakeisari on tavallisten suomalaisten ohjelma. Sarjan suosiosta kertoo se, että nyt alkaa jo 19. kausi t
      Maailman menoa
      146
      1415
    2. Paljonko on etäisyytesi kiinnostavaan naiseen km?

      Kaipailen tärkeää miestä ja pohdin hänen ajatuksiaan... ❤️
      Ikävä
      98
      1123
    3. Kuuleppas

      ensimmäiset naissuhteet toimii miehelle eräänlaisena oppikouluna, mutta hän ei välttämättä itse ymmärrä oppineensa mitää
      Ikävä
      255
      1013
    4. On meillä harvinaisen törkeä valtuuston puheenjohtaja

      Ja tyhmä! Kannattaisi googlettaa "julkisuuslaki" ja nojata siihen vasta sitten. Samalla voisi googlettaa muiden kuntien
      Kemijärvi
      75
      827
    5. Mitä näät

      Siinä miehessä?
      Ikävä
      54
      774
    6. Olet mieleni päällä edelleen, J

      En voi sille mitään. Ja olen yrittänyt voida, monen monta kertaa. Miten jäinkin näin kiinni sinuun... 😞
      Ikävä
      36
      763
    7. Olet aika julma minua kohtaan

      Antaisit vähän armoa.
      Ikävä
      66
      707
    8. Olisitko valmis

      Siihen?
      Ikävä
      47
      685
    9. Kuinka nainen jaksat ja voit

      Toivottavasti hyvin.
      Ikävä
      43
      661
    10. Mulla ei ole Suomessa enää mitään

      4 vuotta joutuu asumaan henkisessä vankilassa. Sitten voi muuttaa takaisin ulkomaille.
      Turku
      164
      630
    11. Oletko miettinyt

      Mikä minusta tekee sinulle niin erityisen? Onko se samanlaiset lapsuusmaisemat? Työpaikan liian pitkät katseet? Selvittä
      Ikävä
      34
      628
    12. Provider miehistä..

      Tietyt miehet puhuvat ilkeästi naisista, jotka haluavat elää miehen tuloilla. Eikö? Mutta miksi tietyt miehet siitä pah
      Ikävä
      197
      613
    13. Mikko Leppilampi loi TTK:ssa ankaran tavan - Jatkaako Veronica Verho haastavaa perinnettä?

      Suorien lähetysten juontaminen vaatii rautaista ammattitaitoa ja kovaa työtä. Tanssii Tähtien Kanssa -ohjelmassa on näh
      Kotimaiset julkkisjuorut
      30
      597
    14. Miksi älyllinen ponnistelu ei ole kaikille ihanaa?

      Auttakaa minua, en ymmärrä. 🥵 Miten on mahdollista, että joku ei pidä pähkäilystä ja älyllisestä ponnistelusta? Minus
      Sinkut
      102
      548
    15. Mihin hävisi Sofia?

      Palasiko mies ex-vaimon luo takaisin?
      Kotimaiset julkkisjuorut
      201
      534
    16. Jasmin Vähäkangas

      Jasminin poika on tänään jo puolitoistavuotias.
      Kotimaiset julkkisjuorut
      106
      498
    17. Ottaisit yhteyttä!

      🙄
      Ikävä
      35
      491
    18. Sinulle nainen

      En ehkä koskaan osannut sanoa tätä oikein. Minun vaikeuteni luottaa liittyi ennen kaikkea menettämisen pelkoon. Siihen
      Ikävä
      59
      486
    19. Oulaisten kaupunki/ Honkamajan kuntolenkit

      Mikä ihme riivaa Oulaisten kaupunkia,kun honkamajan kuntopolut jääneet koko kesältä heinät ja pajut niittämättä? Kenelle
      Oulainen
      18
      482
    20. Miten tehdään Todellavaikeeta hulluksi?

      Tässä on nainen, jolla on korkea vaatimustaso! Todellavaikeeta voisi lukea tämän ja kiehua kateudessaan. 🤭 "[Etunimi
      Sinkut
      91
      468
    Aihe