Sanokaas millain saa keskitettyä HTML-koodissa taulukon keskelle sivua pystysuunnassa.
Vaakasuunnassa se menee , mutta en saanut vielä keskitettyä sitä pystysuunnassa?
TAULUKKO KESKELLE SIVUA!
9
1259
Vastaukset
- ---
- asdf
Tai sitten näin:
.... - Unohdin
Kiitos! Noinhan se muuten just meneekin!
- Tõppõ
Onko tuo css muka niin mahdottoman vaikeaa että täytyy käyttää kivikautisia html-attribuutteja?
http://keskustelu.suomi24.fi/show.fcgi?category=108&conference=4500000000000143&posting=22000000005634776- 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
YLE Äänekosken kaupunginjohtaja saa ankaraa arvostelua
Kaupungin johtaja saa ankaraa kritiikkiä äkkiväärästä henkilöstöjohtamisestaan. Uusin häirintäilmoitus päivätty 15 kesä841626Euroopan lämpöennätys, 48,8, astetta, on mitattu Italian Sisiliassa
Joko hitaampikin ymmärtää. Se on aivan liikaa. Ilmastonmuutos on totta Euroopassakin.2691541Asiakas iski kaupassa varastelua tehneen kanveesiin.
https://www.iltalehti.fi/kotimaa/a/33a85463-e4d5-45ed-8014-db51fe8079ec Oikein. Näin sitä pitää. Kyllä kaupoissa valtava2701276Martina lähdössä Ibizalle
Eikä Eskokaan tiennyt matkasta. Nyt ollaan jännän äärellä.1691252- 56867
- 66844
Jos ei tiedä mitä toisesta haluaa
Älä missään nimessä anna mitään merkkejä kiinnostuksesta. Ole haluamatta mitään. Täytyy ajatella toistakin. Ei kukaan em64837Miksi mies tuntee näin?
Eli olen mies ja ihastuin naiseen. Tykkään hänestä ja koskaan hän ei ole ollut minulle ilkeä. Silti ajoittain tunnen kui40821- 40817
Se nainen näyttää hyvältä vaikka painaisi 150kg
parempi vaan jos on vähän muhkeammassa kunnossa 🤤44781