miten divit keskelle

Tuohan keskittää divin sisällä olevat tekstit, ei diviä.

Tähän kysymykseen on vastattu jo niin monta kertaa lähiaikoina että suosittelen sekä alkuperäistä kysyjää että nimimerkkiä "kopsaan sinulle" katsomaan niitä.

Höpö kirjoitti:

Tuohan keskittää divin sisällä olevat tekstit, ei diviä.

Tähän kysymykseen on vastattu jo niin monta kertaa lähiaikoina että suosittelen sekä alkuperäistä kysyjää että nimimerkkiä "kopsaan sinulle" katsomaan niitä.

Lue lisää

mitä sillä divillä tekee... sori vaan,että ollaan niin tyhmiä, tyhmiä ja tyhmiä että höpsiksenkin pitää päästä aukomaan turpaansa ihan turhasta. selaa itse niitä viestejä alaspäin ja laita linkkiä, niin sustakin ois oikeesti edes joskus jotain iloa. Höpistä vaan sulle höpsis.

http://www.w3schools.com/tags/tag_div.asp

ei-höpsis kirjoitti:

mitä sillä divillä tekee... sori vaan,että ollaan niin tyhmiä, tyhmiä ja tyhmiä että höpsiksenkin pitää päästä aukomaan turpaansa ihan turhasta. selaa itse niitä viestejä alaspäin ja laita linkkiä, niin sustakin ois oikeesti edes joskus jotain iloa. Höpistä vaan sulle höpsis.

http://www.w3schools.com/tags/tag_div.asp

Lue lisää

Mitään elementtiä itseään ei keskitetä määrittelemällä {text-align:center;}
Tuollaista väitettä tuskin löytyy w3schoolsin sivuilta vaikka miten päin lukisi, lähinnä siitä syystä ettei se pidä paikkansa.

Elä siis turhaan vedä hernettä nenään jos korjaan päin honkia annetun vastauksen.

» selaa itse niitä viestejä alaspäin ja laita linkkiä, niin sustakin ois oikeesti edes joskus jotain iloa.»
Minä olen monesti vastannut ja monesti selannut linkkejä linkittääkseni jo kerran vastattuun. Ilmeisen monesti minusta on siis ollut iloa ja hyötyä.
Onko aivan kauheata jos en aivan joka kerta jaksa/ehdi selailla? Luulisi kysyjän jaksavan jos vastausta kaipaa.

ja oikeastaan riittää pelkkä
margin: auto;
MUTTA vaikka tämä onkin oikea tapa se ei toimi eräällä-tietyllä-selaimella.

Höpö kirjoitti:

ja oikeastaan riittää pelkkä
margin: auto;
MUTTA vaikka tämä onkin oikea tapa se ei toimi eräällä-tietyllä-selaimella.

Jos Höpö tarkoitit IE:tä niin kyllä muuten toimii. Omalla sivullani käytin samaa systeemiä ja voit käydä tarkistamassa.

vainzki kirjoitti:

Jos Höpö tarkoitit IE:tä niin kyllä muuten toimii. Omalla sivullani käytin samaa systeemiä ja voit käydä tarkistamassa.

Ei toimi 'auto'-keskitys IE:ssä. Se että sinun sivullasi toimii keskitys IE:ssä johtuu tästä:

body {
   .
   text-align:center;
   .
}

puhua kirjoitti:

Ei toimi 'auto'-keskitys IE:ssä. Se että sinun sivullasi toimii keskitys IE:ssä johtuu tästä:

body {
   .
   text-align:center;
   .
}

Ei ole tyhmiä kysymyksiä, mutta kyllä minua suuresti ihmetyttää ihmisten loputon laiskuus. Alla kaksi antamaani vastausta vain vähän aikaa sitten tehtyihin kysymyksiin. Ei tosiaan olisi tarvinnut sivukaupalla historiaa katsoa, sillä toinen on kolme ja toinen neljä viestiketjua alempana. Kaikenlisäksi kysyjät olivat jopa otsikoineet kysymyksensä kunnolla jotta tyhmempikin osaisi hyödyntää niihin tulleita vastauksia jälkeenpäin. Kaikkein tyhmimmät eivät ilmeisesti osaa.
Tässä kuitenkin nämä:





http://keskustelu.suomi24.fi/show.fcgi?category=108&conference=4500000000000728&posting=22000000011931662
Joo tota..Kirjoittanut: Töppö 16.11.2005 klo 00.32    
Ei se vaikeaa ole. Css:llä se menee laittamalla margin: auto;
Ongelmana on sitten taas kerran InternetExplorer joka ei tuota (yllättäin) ymmärrä. Mutta ei hätää, asian voi korjata.
IE:tä varten laitetaan
body {text-align: center}
Tämän pitäisi keskittää teksti, mutta IE tyhmänä luulee että KAIKKI pitää keskittää. No sitten täytyy laittaa sinne .kehykseen korjaus jollei halua että sen sisältöä keskitetään:
text-align: left
Eiks ookki kivaa et pitää kaikenlaisten paskaselainten takia tehä virityksiä..
Eli:
body {
text-align : center; /*jotta IE älyää keskittää .kehyksen*/
}
.kehys {
text-align : left; /*jottei sentään kaikkea keskitetä */
margin :auto; /*keskitetään
.kehys kuten se kuuluu tehdä */
width: 300px; /*loput vaan siks et nähdään et juttu toimii*/
height: 300px;
border : 1px solid Black;
}



http://keskustelu.suomi24.fi/show.fcgi?category=108&conference=4500000000000728&posting=22000000011995010
Näin
Kirjoittanut: Höpö 18.11.2005 klo 19.24    


Taulukon keskitys

body {
text-align: center; /* keskittää kaiken sisällön, tämä siksi ettei IE osaa oikeanlaista keskitystä */
}
table {
text-align: left; /* poistetaan taulukon sisällön keskitys */
margin: auto; /* keskittää taulukon */
}







qwerty

puhua kirjoitti:

Ei toimi 'auto'-keskitys IE:ssä. Se että sinun sivullasi toimii keskitys IE:ssä johtuu tästä:

body {
   .
   text-align:center;
   .
}

"Ei toimi 'auto'-keskitys IE:ssä."

Kyllä toimii. Kunhan muutama ehto täyttyy. Selaimen tulee olla versio 6 ja dokumentin tulee asettaa selain ns. standardi-tilaan.

Tässä tilassa IE6 myös mm. laskee box-modelin oikein ja asettaa oletusfonttikoon samalle tasolle kuin muut selaimet. Lisäksi se jättää arvaamatta CSS-mitat, joista puuttuu mittayksikkö.

Eli "yksinkertaisin" tapa keskittää leiska myös Internet Explorerilla (v.5 ) menee jotakuinkin näin:


body {
text-align: center;
}
#container {
margin: 0 auto;
width: 70%;
text-align: left;
}


Ja merkkaus:



...sisältö...

Hjelppiä kirjoitti:

"Ei toimi 'auto'-keskitys IE:ssä."

Kyllä toimii. Kunhan muutama ehto täyttyy. Selaimen tulee olla versio 6 ja dokumentin tulee asettaa selain ns. standardi-tilaan.

Tässä tilassa IE6 myös mm. laskee box-modelin oikein ja asettaa oletusfonttikoon samalle tasolle kuin muut selaimet. Lisäksi se jättää arvaamatta CSS-mitat, joista puuttuu mittayksikkö.

Eli "yksinkertaisin" tapa keskittää leiska myös Internet Explorerilla (v.5 ) menee jotakuinkin näin:


body {
text-align: center;
}
#container {
margin: 0 auto;
width: 70%;
text-align: left;
}


Ja merkkaus:



...sisältö...

Lue lisää

Kun IE tulkitsee tuota koodiasi niin se EI EDELLEENKÄÄN YMMÄRRÄ tuota automarginia, vaan IE tulkitsee (virheellisesti!!) että body {text-align:center;} pitäisi keskittää kaikki muukin kuin teksti. Tähän virheelliseen tulkintaan täytty tyytyä mikäli haluaa IE:n keskittävän, ja sen jälkeen pitää kumota textin keskitys.

Muut selaimet eivät kuvittele että tex-alignin pitäisi keskittää muutakin, joten niitä varten käytetään tuota oikeaa tapaa, eli margin: auto

Järjetöntä värkkäämistähän tuo paskaselain teettää, mutta minkäs teet kun suuri osa selaajista käyttää IE:tä.

Höpö kirjoitti:

Kun IE tulkitsee tuota koodiasi niin se EI EDELLEENKÄÄN YMMÄRRÄ tuota automarginia, vaan IE tulkitsee (virheellisesti!!) että body {text-align:center;} pitäisi keskittää kaikki muukin kuin teksti. Tähän virheelliseen tulkintaan täytty tyytyä mikäli haluaa IE:n keskittävän, ja sen jälkeen pitää kumota textin keskitys.

Muut selaimet eivät kuvittele että tex-alignin pitäisi keskittää muutakin, joten niitä varten käytetään tuota oikeaa tapaa, eli margin: auto

Järjetöntä värkkäämistähän tuo paskaselain teettää, mutta minkäs teet kun suuri osa selaajista käyttää IE:tä.

Lue lisää

Seuraavaksi kannattaa selvittää itselleen mitä eroa on Internet Explorer 6:n "standards"-tilalla, kuinka se asetetaan ja miksi se kannattaa tehdä. Tämä tulisi jokaisen tietää, joka haluaa neuvoa muita.

Kokeillaan rautalankaa:

Microsoft esitteli "quirks"- ja "standardi"-tilat selaimissaan ensimmäisen kerran jo MacIE:n versiossa viisi. Tällöin selain toteuttaa syötettyä koodia tilasta riippuen hieman eri tavalla. Taaksepäin yhteensopivuuden nimissä.

Kun IE6 on "quirks"-tilassa, se pyrkii apinoimaan vanhempien versioiden (joskus virheellistä) toimintaa ja näin ollen esim juuri tuo margin: auto ei toimi. Vastaavasti, mikäli dokumentin DTD muokataan asettamaan IE6 "standards"-tilaan, se keskittyy normaalisti (ilman text-align: centeriä).

Y H kirjoitti:

Seuraavaksi kannattaa selvittää itselleen mitä eroa on Internet Explorer 6:n "standards"-tilalla, kuinka se asetetaan ja miksi se kannattaa tehdä. Tämä tulisi jokaisen tietää, joka haluaa neuvoa muita.

Kokeillaan rautalankaa:

Microsoft esitteli "quirks"- ja "standardi"-tilat selaimissaan ensimmäisen kerran jo MacIE:n versiossa viisi. Tällöin selain toteuttaa syötettyä koodia tilasta riippuen hieman eri tavalla. Taaksepäin yhteensopivuuden nimissä.

Kun IE6 on "quirks"-tilassa, se pyrkii apinoimaan vanhempien versioiden (joskus virheellistä) toimintaa ja näin ollen esim juuri tuo margin: auto ei toimi. Vastaavasti, mikäli dokumentin DTD muokataan asettamaan IE6 "standards"-tilaan, se keskittyy normaalisti (ilman text-align: centeriä).

Lue lisää

Kappas kappas, näköjään ainaskin xhtml strictillä näyttää toimivan..

Tuota, mitenkäs tuo niinku tarkkaaottaen määritellään vai onko kyse vain siitä ilmoitetaanko dtd:ssä strict vai loose/transitional?
Tai voinhan tuota itsekin testailla kun jaksan..

Entä onko muita määritteitä joikin nuo vaikuttavat?

Höpö kirjoitti:

Kappas kappas, näköjään ainaskin xhtml strictillä näyttää toimivan..

Tuota, mitenkäs tuo niinku tarkkaaottaen määritellään vai onko kyse vain siitä ilmoitetaanko dtd:ssä strict vai loose/transitional?
Tai voinhan tuota itsekin testailla kun jaksan..

Entä onko muita määritteitä joikin nuo vaikuttavat?

Lue lisää

http://hsivonen.iki.fi/doctype/ siel on jonkin näkönen lista noista.