Miten saan keskitettyä kotisivuni, nyt avautuvat aina ruudun vasempaan laitaan. Kysymyksestäkin varmaan selviää, että olen aloittelija, mutta sen verran osaan koodausta, että jos joku kertoisi minkälaisen määrityksen täytyy koodiin tehdä.
Kotisivujen keskitys
keskitys
113111
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 11
Vanhimmat
..asia menisi yksinkertaisesti niin, että laitat bodyn lapsielementiksi divin jolle määräät css:llä yksinkertaisesti margin:auto
Käytännössä se ei todennäköisesti mene niin, koska epäilen että aloittelijana sinulle on opetettu perseestä olevaa koodausta, eikä koodisi näinollen todennäköisesti ole strictiä, eikä siellä varsinkaan ole dokumenttityyppiä jossa määrityksenä olisi strict.
Joten, neuvon huuhaatavan:
eli tarkemmin mihin se tulee:
sivun otsikko
enimmäkseen Transitionaalia ja Loosea mutta kyllä
minulla ainakin tuo margin:auto Css:ssä ja div:ssä
on aina keskittänyt.
IE:llä ei keskitä ellei dokumenttityypiksi kerrota strict. Käytännössähän tietty voi dtd:n sanoa olevan jotain muuta kuin mitä koodi on, mutta ainakaan oma ylpeyteni ei salli moista valehtelua. Sitäpaitsi strict on helpompaa html:ää ja muutenkin helpommin keskitetysti hallittavissa. En siis keksi syytä miksi kirjoittaisin muunlaista koodia.
hmm...
kokeilin juuri sivujani.
ja kyllä ainakin IE6:lla tuollainen em. systeemi näkyy mainiosti keskittävän...
yritetääs uusiksi kun tää 24tökkii
hmm...
kokeilin juuri sivujani.
ja kyllä ainakin IE6:lla tuollainen em. systeemi näkyy mainiosti keskittävän...
Ei pelkkä margin:auto keskitä ainakaan IE6:lla jos dtd:nä on transitional tai loose.
Sulla on sitten jotain muuta keskitykseen viittaavaa, jonka IE ymmärtää. Vaikkapa text-align: center
Pistäppä koodi jonka väität IE:n keskittävän transitionalilla.
kyllä vähän outoa.
Minulla on monen asiakkaani sivuilla tuo ja kaikissa
toimii FF:llä ja IE:llä eri versioilla hyvin
keskittäen.
Transitional/loose ja margin:auto CSS:ssä.
Ei mitään centereitä missään.
Taidan oll hyvä koodaamaan, eh...?
Asikastöiden koodia en ala tähän laittaa, edes riisuttuina.
Minulle on ihan sama miten joku luulee homman toimivan, itse kun nimittäin TIEDÄN sen toimivan
näin ja sehän on tärkeintä.
Mutta missään tapauksessa IE6 ei ainakaan ymmärrä margin:auto -määritystä transitional ja loose -dtd:llä. Jotain muuta sinulla siellä on jos homma toimii haluamallasi tavalla. Jos muuta väität ja uskot jopa siihen, et taida itsekään tietää mitä koodaat (eli tuurilla toimii).
Riisuttuna näkee parhaiten toimivuuden tai toimimattomuuden:
Untitled
div {
width: 200px;
height: 200px;
background-color: Aqua;
margin: auto;
IE6 ei keskitä tätä laatikkoa ellei dtd:ksi laiteta Strict.
Kumma kyllä ie6 keskittää myös jos laittaa transitionaliksi toimi myös strictillä... ja koodi melkein validia.. puuttuu lopettava hakasulje }
Ilman dtd ei keskitä...
Sori, Höpö.
Taisin inttää ihan väärin, nyt oli aikaa katella
miten oikein olin koodannut "varman päälle"
että näkyisi oikein kaikilla selaimilla.
Jotenkin tälleen kun tuohon esimerkkisi
päälle kirjoitti...
Untitled
.paikka { text-align: center;}
.paikka table { margin-left: auto; margin-right: auto; text-align: left;}
div#laatikko{width: 200px; height: 200px; background-color: Aqua; margin: auto;}
keskitetty laatikko
Tuolla on näköjään text-align:center
Mutta huomasin myös, että keskittäähän IE:kin, kunhan muistaa laittaa dtd:hen myös osoitteen. Ilman sitä ei keskitä. Eli äskeinen esimerkkini ainakin toimii jos dtd on
Muistaakseni IE tulkitsee kyllä muuten css:ää vähän eritavalla riippuen siitä millaista dtd:tä käyttää.