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

1267

    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. Kokoomus haluaa leikata vielä lisää sosiaaliturvasta

      Kokoomuksen Sanni-Granhn Laasonen pyytänyt KELA:aa selvittämään mistä leikataan vähäosaisilta vielä lisää sosiaaliturvas
      Maailman menoa
      217
      1474
    2. Mitä tapahtuu

      Syksyllä?
      Ikävä
      96
      1286
    3. Ikävöin sua

      Sä vaan pyörit mun mielessä, en saa sua unohdettua. Tilanteesta tekee vaikean sen kun molemmat ollaan varattuja ja tilan
      Ikävä
      4
      1128
    4. Oletko pitkävihainen ja onko sinulla " huono muisti muisti "?

      Mitä asioita et unohda tai anna anteeksi ? Mitä asioita voit " unohtaa" tai unohtaa? Vastaa koskien kaivattuasi tai yle
      Ikävä
      17
      1096
    5. Neljä kuukautta vankeutta, kenelle?

      Kuka tuomittiin ehdottomaan neljän kuukauden vankeustuomioon ja korvauksiin?
      Suomussalmi
      9
      948
    6. Minä täällä vaan

      Ukko jota oot joutunu joskus sietämään työnpuolesta. Toivottelen kauniita unia💛
      Ikävä
      86
      920
    7. Jos haluat jatkaa tutustumista

      Pyydä mut suoraan kunnon treffeille. En lähde mihinkään epämääräiseen viestittelyyn enää.
      Ikävä
      66
      885
    8. Olet huippunainen

      Ja onneksi tiedät sen itsekin.
      Ikävä
      32
      850
    9. T, miten mun pitäis toimia

      Olen niin toivottoman ihastunut suhun...ollut jo liian,monta,vuotta. Lähestynkö viestillä? Miten? Sun katse...mä en kest
      Ikävä
      38
      796
    10. Oho! Esko Eerikäinen joutuu palaamaan "kalakukkokaupunkiin" - Tämä syy ei jätä kylmäksi!

      Esko Eerikäinen on kyllä monessa mukana ja uskaltaa heittäytyä. Hatun nosto siitä! Eerikäinen palasi “kalakukkokaupunkii
      Kotimaiset julkkisjuorut
      45
      780
    Aihe