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

1306

    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. Lindtman I vasemmistohallitus aloittaa viimein Suomen kuntoon laittamisen

      Tässä nyt on 3 vuotta seurattu irvokasta kärsimysnäytelmää nimeltään "valtion budjetin tasapainotus by äärioikeisto", ja
      Maailman menoa
      174
      2618
    2. Missä viipyy persujen lupaama euron bensa?

      En edes muista milloin bensapumpussa olisi ollut ykkösellä alkava litrahinta. Missä siis viipyy persujen lupaama euron b
      Maailman menoa
      148
      2387
    3. Kirje, PellePelottomalle.

      Tärkeää olisi luoda ystävyys, että se, jota rakastaa, on samalla paras ystävä ja luotettavin, jolle voi ja uskaltaa luot
      Ikävä
      102
      1082
    4. Meni kyllä aika solmuun

      Meidän tutustuminen 😐
      Ikävä
      64
      901
    5. Sinua oli kiihottavaa

      Sinua nainen oli kiihottavaa katsella.
      Ikävä
      65
      849
    6. Mistä löytyy naisseuraa sinkkumiehelle?

      Kertokaapas kokeneemmat mistä löytyis naisseuraa sinkulle. Ihan ois eukko nyt tosissaan hakusessa. Tanssipaikat kun on a
      Kuhmo
      19
      747
    7. Martinan hevoset.

      Tämä todella kaunis ja ketterä harmaa hevonen jolla monet kilpailut voitetaan ei ole Martinan.Tytär ratsastaa sillä tait
      Kotimaiset julkkisjuorut
      220
      734
    8. Persut jakavat tekoälyllä tehtyjä kuvia maahanmuuttajista somessa

      Eivät mainitse, että ovat tekoälyllä tehtyjä. Eivät näe asiassa mitään ongelmaa. Valehtelijapuolue taas vauhdissa. Unka
      Maailman menoa
      274
      727
    9. Voi teitä naisia

      Suudeltiin ja nukuttiin toisissamme kiinni mutta pillua ei tullu, ei edes aamulla. t.38vmies
      Sinkut
      86
      720
    10. Hyvä meininki

      TTP:ssa väkeä tosi runsaasti paikalla. Hyvää ruokaa jälleen ja munkit ja sima erinomaista. Kiitos yrittäjälle! Hieno Vap
      Haapavesi
      22
      678
    Aihe