Keskustelu: Yleinen keskustelu: Sivut ei näy oikein Operalla

Kuten otsikko sanoo sivut ei näy oikealla tavalla Operalla.
Sivut on tehty valdiksi HTMLäksi, joten se ei ole vikana.
http://koti.mbnet.fi/rinne/piirtajat
Voisiko joku auttaa hiukan

nojoo. Onkos noi tableja vai divejä?

<table cells... style="border:1px solid black;">
jne jne

Ne ovat divejä

Vaihda tableiks.

<table cellspacing=10 cellpadding=0 style="border:1px solid #660088;">
<tr><td>
<table cellspacing=10 cellpadding=0 style="border:1px solid #660088;">
<tr><td>
tekstit...
</td></tr>
</table>
</td></tr>
</table>

Vikaa löytyy tästä:

div.ulompi {margin-left:0%;
height:1%;
width:75%;

Firefoxilla sen korkeus pyrkii pysymään melkoisen pienenä; ei se ihan 1% ole, mutta melkein. IE sen sijaan ajattelee, että siinä on varmaankin virhe (kyllä IE tietää :) ja asettaa sen riittävän isoksi. Kokeilepa poistaa kokonaan tuo Height-kohta. Mielestäni sivu olisi ihan siisti, vaikka sen poistaisi molemmista diveistä.
Vaikka topic olikin Opera, niin eiköhän tämäkin ole syytä mainita. Ulompi kehys siis jää niin pieneksi, että sen alareuna menee tekstin päälle.

Juusofin kirjoitti:

Kuten otsikko sanoo sivut ei näy oikealla tavalla Operalla.
Sivut on tehty valdiksi HTMLäksi, joten se ei ole vikana.

CSS kannattaa myös tarkistaa. http://jigsaw.w3.org/css-validator/validator?uri=http://koti.mbnet.fi/rinne/piirtajat/&usermedium=all

Tuon tekstilaatikon saa keskelle ruutua ei-IE -selaimilla laittamalla sille margin-left: auto; margin-right: auto;

SysRq868 kirjoitti:

Vaihda tableiks.

Hullukonäolet? Ei IKINÄ taulukkoja sivun taittoon. Varsinkin kun jampalla on toimiva CSS-ratkaisu, siitä ei todellakaan taannuta taulukoihin.

No jos Juusofin on jo vaihtanut koodinsa, niin hyvinpä toimii. Käytän FireFoxia ja samalta näyttää.

Ei se minun firefoxillani toimi (Mozilla FireFox 0.9.3) Kuva

Sama vika kuin metabolixilla ---> mozilla 1.7.2

Mulla toimi ihan hyvin FireFox 0.9.2:lla, paraikaa imutan 0.9.3:sta...

On kyllä asiat kehnosti jos näissäkin selaimissa näkyvät erilailla. Sitten kyllä tulee paljon ylimääräisiä hommia kotisivujen tekoon.

Kiitos avusta, muokkasin hiukan noiden vinkkine perusteella, ja nyt näkyy hyvin Firefoxilla, ja Operalla. Kiitos erittäin paljon

Edelleenkin bugittaa, jos pienentää ikkunan korkeutta. Ei auta laittaa korkeudeksi 45%; pitäisi saada ratkaisu, joka toimii järjestelmästä riippumatta, koska nyt pienelle ikkunalle käy aivan kuten ennenkin: reunus menee tekstin päälle.

Mikäköhän tämä ratkaisu voisi olla. Kyllähän se jotenkin täytyisi saada(kai).
Jos tiedät ratkaisun kerro ihmeessä, sillä itse en sitä keksi

Kuten Metabolix aiemmin vihjasi, eikö tuota height:ia voi jättää kokonaan pois tuosta ulommasta divistä? Kyllähän sen pitäisi skaalautua sisältönsä mukaan.

FireFoxilla se ainakin skaalautuu, kuten varmasti IE:lläkin.

Koitan jättää sen sitten pois...

Juu, eipä oikein auttanut, kun kaveri katsoi mozillalla.
Olisikohan sitten viellä jotain vaihtoehtoja jäljellä

Kyllä tuo nyt näytti ainakin Firefoxilla toimivan, liekähön ollut kaverillasi sivu välimuistissa.

Voi olla mahdollista.
No hyvä että toimii..

Sivuista tulisi muuten siistimmät jos tekisit ton tablen yhtä leveeksi kun ton kuvan/logon.

Jos haluut sivujesi näkyvä oikein kaikilla selaimilla, niin silloin ei kannata käyttää CSS:än diviä, vaan html:n tablea.
Css tulkitaan erilailla kaikissa selaimissa joten sen runsas käyttö ei kannata.
Minun omilla sivuillanin on yksi divi loota ja kaikki muu on tehty tablella. Käy katsomassa http://kirpalo.sytes.net/~jyri
Tosin paddingeja olén käyttänyt.
Eli table käyttöön.

Ja p***at, CSS on paljon parempi vaihtoehto tableille. Jos sivut eivät näy samalla tavalla eri selaimissa, niin se on vain sivuntekijän laiskuutta tai tyhmyyttä. Ei pidä vaan käyttää Microsoftin epästandardeja CSS-määreitä, niin kyllä ne sivut toimivat kaikkialla. Tableissa on myös se huono puoli, että eräät selaimet eivät renderöi tablen sisältöä ennen kuin koko höskä on ladattu. Sitä paitsi taulukot eivät skaalaudu hyvin pienille näytöille. On erittäin mukavaa rullailla kännykän ruudulla hehtaarn kokoista taulukkosivua.

Tempfile kirjoitti:

Jos sivut eivät näy samalla tavalla eri selaimissa, niin se on vain sivuntekijän laiskuutta tai tyhmyyttä.

Ei tyhmyyttä, laiskuutta kylläkin. Nimittäin IE:a varten täytyy vähän huijata, sillä jos tekee sivut sellaisiksi, että ne toimivat hyvin standardeja tukevilla selaimilla (Mozillat pääasiassa, Operassa joitakin pieniä outouksia), ne näkyvät väärin IE:llä. Tämä johtuu pääasiassa IE:n vääristyneestä "box model":sta (mikä lie suomeksi) - asiasta voi Googlata lisää, jos kiinnostaa, mutta tässä nyt ainakin yksi sivusto, jossa kerrotaan aika hyvin, miten piilottaa sääntöjä eri selaimilta.

Kotisivujani ylläpitävä serveri ei ole näköjään ylhäällä, joten tämä on aika turhaa: (Voisin vielä linkittää omien kotisivujeni eräälle sivulle, jossa näkyy etusivuni eräs versio, joka näkyi aika päin peetä IE:llä, vaikka se näyttikin ihan hyvältä Firefoxilla. Ja ellen väärin muista, etusivuni näyttää vieläkin huonohkolta IE:llä, riippuen minkä kokoiseksi tekstin asettaa. En ole viitsinyt korjata.)

Deewiant kirjoitti:

"box model":sta (mikä lie suomeksi

Laatikkomallistahan sitä on tapana puhua. Ja kaikille teille jotka vielä jostain syystä käytätte taulukoita sivujen taitossa... jos ette itse osaa CSS-taiton saloja, niin se vaan on harmin paikka. Ei teidän silti tarvitse muille tuputtaa niitä kuppasia table-ohjeita. Eiköhän teidänkin olisi jo pikkuhiljaa aika astua nykypäivään ja opetella se CSS-taitto. Taulukoita kun ei vaan ole tarkoitettu leiskan luomiseen. Ja propsit Juusofin:lle. Aluksi ulkoasun toimivaksi saaminen kaikilla selaimilla (IE:llä lähinnä) vie aikaa, mutta vähitellen hommasta alkaa tulla rutiinia. Ahkeruus palkitaan, näinhän se on :)

Juu.. Kiitosta vain Olga
Päädyin diveihin sen jälkeen, kkun keksin miten ne oikein toimivat. Ja nyt tuo toimii suht koht oikein aika monilla selaimilla.
Kiitos kaikille palautteesta. Oli todella avuksi.

Ja kertokaapas muuten te tablen käyttäjät, että miksi noi "divit" eivät ole hyviä, minun mielestäni ne ovat aivan loistavia, jos niitä osaa käyttää.

Kerropa vielä, miksi teksti on IE:llä sinistä, mutta FireFoxilla mustaa?

Metabolix kirjoitti:

Kerropa vielä, miksi teksti on IE:llä sinistä, mutta FireFoxilla mustaa?

Pieni typo CSS:ssä näköjään: color=blue -> color: blue

Olga kirjoitti:

Pieni typo CSS:ssä näköjään: color=blue -> color: blue

Joka olisi löytynyt sillä validaattorilla, jota mainostin jo aiemmin: http://jigsaw.w3.org/css-validator/

Kiitos vinkistä. Täytyykin katsoa tota validaattoria hiukan tarkemmin...

No heti kun joku antaa minulle CSS -koodin, jolla voi sijoittaa divin top- ja left- ...koodeilla niin, että vaikka joku td olisi "parent"? Esim. tuo FunFonex, http://www.funfonex.tk . Ennen kuin kekkasin, että se, miksi ei FireFoxilla näy hyvin sen takia, että valign=top puuttuu yhdestä td:stä, tuo oli aika karsean näköistä.

Hommaa olisi parantanut se, että divi, jossa lukee sen sivun otsikko EI olisi ollut tiettyä määrää RUUDUN vasemmalta ja ylhäältä vaan TD:n rajojen vasemmalta ja ylhäältä.

Paremmin en osaa selittää.

Tunkemalle divisioita taulukon solujen sisälle kerjää vain verta nenästään.

Homma onnistuu kyllä positioimalla tuon solun relatiivisesti, jolloin sen sisällä olevat absoluuttisesti positioidut elementit ovat suhteellisia tämän isäntäelementin koordinaatteihin, mutta tuolla tavalla toteutetusta taitosta tulee sellainen purkka, ettei sitä voi kenellekään suositella.

KISS (=Keep it simple, stupid)