Terve!
Eli sivuni sijaitsevat osoitteessa http://man.unk.fi/~juvarjo . Ongelmani on, että Mozilla seilain ei oikein pidä css-"taulukon" sijainnista, kun taas Opera ja IE tukee sitä hyvin. W3C:ssä HTML ja CSS on validinen, mutta mikä mättää? Teksti-osa taulukko ei siis osu kohdalleen Mozilla selaimella. Sivuni ovat muutenkin vielä keskeneräiset ja aika suppeat ja "koodi" voi tuntua aika purkkaviritykseltä, mutta olen nähnyt niihin vaivaa henk.koht.
Toinen ongelma on, että voiko freebookin vieraskirjan linkittää sivun tiettyyn kohtaan, tässä tapauksessa teksti osaan? Jos voi niin miten tämä mahtaa tapahtua?
Kiitos jos joku pystyisi auttamaan minua ongelmissa.
Eli sivuni sijaitsevat osoitteessa http://man.unk.fi/~juvarjo . Ongelmani on, että Mozilla seilain ei oikein pidä css-"taulukon" sijainnista, kun taas Opera ja IE tukee sitä hyvin. W3C:ssä HTML ja CSS on validinen, mutta mikä mättää? Teksti-osa taulukko ei siis osu kohdalleen Mozilla selaimella. Sivuni ovat muutenkin vielä keskeneräiset ja aika suppeat ja "koodi" voi tuntua aika purkkaviritykseltä, mutta olen nähnyt niihin vaivaa henk.koht.
Toinen ongelma on, että voiko freebookin vieraskirjan linkittää sivun tiettyyn kohtaan, tässä tapauksessa teksti osaan? Jos voi niin miten tämä mahtaa tapahtua?
Kiitos jos joku pystyisi auttamaan minua ongelmissa.
Vastaukset 7
Vanhimmat
"Ongelmani on, että Mozilla seilain ei oikein pidä css-"taulukon" sijainnista, kun taas Opera ja IE tukee sitä hyvin."
Kokeile eri doctypellä.
"W3C:ssä HTML ja CSS on validinen, mutta mikä mättää?"
Validi ei aina tarkoita toimivaa. Pitää myös tietää miksi käyttää jotain tiettyjä määreitä, sekä mitä ongelmia ne mahdollisesti aiheuttavat. Validaattorin käyttö on suositeltavaa, mutta tuloksia on osattava myös tulkita.
"Sivuni ovat muutenkin vielä keskeneräiset ja aika suppeat ja "koodi" voi tuntua aika purkkaviritykseltä, mutta olen nähnyt niihin vaivaa henk.koht."
Purkkaviritykseltä näyttikin ;) Mielestäni olet lähtenyt luomaan leiskaa hieman väärästä päästä. Nyt css-tiedostossa on paljo ylimääräistä ja tyrhaa. Jos luota leiskaa suoraan CSS:llä, niin aloita luomalla :t. Perusleiskaan noita ei normaalisti montaa tarvitse(#header, #container ja #footer).
Dokumenttisi rakenteen ongelmat näkyvät parhaiten kytkemälllä tyylit väliaikaisesti pois käytöstä.
Joskus väsäsin pikaisesti yksinkertaisen esimerkin css:n käytöstä. Löytyy osoitteesta http://yojih.net/csslayout/ Tsekkaa sorsat ja kopio tarvitsemasi :)
Hyviä CSS-pohjia saa myös mm:
http://www.bluerobot.com/web/layouts/
http://www.inknoise.com/experimental/layoutomatic.php
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
Vaikka mainitsin sivujen "koodin" olevan kuin purkkaviritys, ei kuitenkaan tarkoita sitä, että minulla olisi joku muu tapa tehdä se. Jokainen tekee sivunsa omalla tavallaan, onko se sitten monimutkaisempi tai helpompi tapa, se on jokaisen valinta. Ei tämäkään http://yojih.net/csslayout/ sivu Operassani aivan täydelliseltä näyttänyt ;). No kuitenkin kiitos neuvoista. Tuskin tulen sivuja css:ssää muuttamaan noiden vastauksien perusteella, kun mitään tarkkaa neuvoa et pystynyt vikaan kertomaan ja taidan jättää Mozillan omaan arvoonsa vaikka hyvä selain onkin.
Osikohan jollain tuohon viestikirjakysymykseen neuvoja.
" Vaikka mainitsin sivujen "koodin" olevan kuin purkkaviritys, ei kuitenkaan tarkoita sitä, että minulla olisi joku muu tapa tehdä se. Jokainen tekee sivunsa omalla tavallaan, onko se sitten monimutkaisempi tai helpompi tapa, se on jokaisen valinta."
Kyllä, kyllä. Mutta kun tehdään vaikeamman kautta, ei pidä loukkantua kun kerrotaan, että on helpompiakin tapoja.
"Ei tämäkään http://yojih.net/csslayout/sivu Operassani aivan täydelliseltä näyttänyt ;)"
Pääasia ei olekaan se, että ne näyttävät samalta, vaan se, että ne toimivat siedettävästi useammalla selaimella. Mutta suotakoon kritiikki, joskin perusteluja ja parannusehdotuksia otan mielelläni vastaan. Ja "laita kuvan, niin näkyy kaikilla selaimilla samanlaisena" ei kelpaa :)
Epäselväksi jäi myös Operasi versionumero.
" Tuskin tulen sivuja css:ssää muuttamaan noiden vastauksien perusteella, kun mitään tarkkaa neuvoa et pystynyt vikaan kertomaan"
Siellä CSS:hän se ongelma piilee. Karsi ylimääräiset määritteet pois, anna kaikille eille borderi ja debuggaa sivu toimimaan eri selaimilla.
Ja kuten jo mainitsin, kokeile eri DTD:llä myös. Modernit selaimet rendaavat sivuja hieman eritavalla DTD:stä riippuen.
Joo no enhän minä mitään loukkaantunut, ainakaan pahasti :). Ihmiset vaan kovin yrittävät omia tapoja tukea.
Tuota Operani on ver. 7.20 ja eihän tuo sinun sivusi juttu mikään suuri virhe ole jos virhe ollenkaan. Vähän vain tuon "Testattu"- otsikon alla olevat selaimet venähtävät tuon valkoisen alaviitteen alle. Parannus ehdotusta en osaa antaa koska noviisi olen vain. Missä muuten olet saanut mahdollisuuden testata sivujasi noin monella eri selaimella ja tietokoneympäristöllä, utelias :).
Kuten tuossa ylempänä mainitsin, että aloittelia tässä olen vasta, vastaavat sivut olen frameilla tehnyt, mutta näiden frameiden nekatiivisen maineen puolesta ajattelin kokeilla framettomaa versiota. Kiitoksia paljon noista vinkeistä, mutta valitettavasti en ymmärrä kaikkia määritteitä jota mainitset, kuten DTD.
Ei sulla tohon toiseen kysymykseen olis mitään vinkkejä tai taitaakohan olla mahdotonta?
"Tuota Operani on ver. 7.20 ja eihän tuo sinun sivusi juttu mikään suuri virhe ole jos virhe ollenkaan."
Joo, laiskana en ole jaksanut sitä korjata. Täytyypi ottaa työ alle, nyt kun siitä on huomautettu.
"Missä muuten olet saanut mahdollisuuden testata sivujasi noin monella eri selaimella ja tietokoneympäristöllä, utelias :)."
Mulla on käytössä Win95- ja Win XP- koneet(joita en tosin pahemmin käytä) sekä ns. default-käyttökoneena Applen iBook.
"Kiitoksia paljon noista vinkeistä, mutta valitettavasti en ymmärrä kaikkia määritteitä jota mainitset, kuten DTD. "
DTD:llä kerrotaan selaimelle, mitä dtd-määrittelyä vasten sen tulee sivuja rendata. Ainakin IE6:n kohdalla tuolla on merkitystä(standards compliant tai ns. quirks) esim juuri border-määritteiden kanssa.
Henri Sivonen on tehnyt kivan yhteenvedon selainten DTD-sniffingistä,
"Activating the Right Layout Mode Using the Doctype Declaration": http://www.hut.fi/u/hsivonen/doctype
Miten se vaikuttaa eri selaimissa:
IE6: http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp
Mozilla: http://www.mozilla.org/docs/web-developer/quirks/doctypes.html
Opera:
http://www.opera.com/docs/specs/doctype/
Tehkää vaan rauhassa sivut elkääkä ressatko jos se ei näy selaimella n- versio n.n. kuitenkin suurimmalla osalla käytössä ie!
"Tehkää vaan rauhassa sivut elkääkä ressatko jos se ei näy selaimella n- versio n.n. kuitenkin suurimmalla osalla käytössä ie!"
Ja noidenkin eri versioiden välillä joutuu vääntämään ja viilaamaan. Toinen tykkää tehdä cross-browser koodia ja toinen IE-poropietaria. Kukin omatuntonsa mukaan.
Oman filosofian mukaisesti pyrin tarjoamaan sisällön kaikille, selaimesta ja käyttöjärjestelmästä riippumatta.