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

1303

    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. Pride-rautu korvaamaan kirjolohi

      Kekkosen saatanan tunari meni muuttamaan aikoinaan sateenkaariväen kalan nimen. Unkarin vallankumouksen innoittamana n
      Maailman menoa
      32
      2411
    2. Purran aikaisemmat kannattajat siirtyneet Lindtmanin leiriin

      Melkoinen muutos on käynnissä Suomen politiikan kentällä. Tulevista häviäjistä on hirmuinen kiire päästä ajoissa voittaj
      Maailman menoa
      100
      2292
    3. Järkyttävä hetki - Ellen Jokikunnas pöyristyy italialaisen lääkärin työstä

      Unelmia Italiassa -sarjassa ollaan Ellen Jokikunnaksen perheen kanssa Italiassa. Jokikunnas ja Rask ovat rempanneet kakk
      Tv-sarjat
      18
      1339
    4. Oot tosi epätavallinen

      ja erikoinen nainen. Tykästyä ikihyviksi sun kaltaiseen naiseen, mitä tästä pitäis edes ajatella.
      Ikävä
      49
      1207
    5. Työeläkkeet ovat pois työntekijän palkasta

      Jokainen työeläkkeen nimissä maksettu euro on otettu pois työtä tekevältä palkansaajalta. Mitä korkeampi työeläketaso o
      Maailman menoa
      33
      1152
    6. Etkö sä muru mussakaiseni ymmärrä

      Että me päästään lähenemään vain kaveruuden kautta? Vain siten mä voin lähettää sulle kuvia ja viestejä 😌 Tänäänkin o
      Ikävä
      27
      920
    7. Etkö voi antaa edes vihjettä mulle?

      Minkä vain me tiedettäisiin? Naiselta miehelle.
      Ikävä
      51
      830
    8. Muistatko? Maisa Torppa jakso räjäytti Veitolan somen: "epäaitoa ja teeskentelyä"...

      Maisa Torppa täyttää tänään 35 vuotta, onnea! Maria Veitola vieraili Yökylässä-ohjelmassa aikansa kohujulkkis Maisa To
      Suomalaiset julkkikset
      11
      801
    9. Kaksi viikkoa enää Rakas...

      Tietäisinpä miten toimia...
      Ikävä
      53
      735
    10. Sammuuko meillä

      Kipinä kun ei enää nähdä
      Ikävä
      56
      734
    Aihe