Explorer PC:ssä??

[tuovir]

Päivitän sivujani. Kun testaan niitä Macissäni (Explorer, Safari, Firefox), kaikki ok. Kun katson niitä PCssä (Explorer 6, pari konetta), kuvaelementti heittää pahasti vasemmalta yli taulukon vasemman reunan, vaikka se DW:ssa on juuri sillä kohdalla kuin pitääkin. Mistä on kysymys? Onko joku juttu, joka pitää ottaa huomioon E:n suhteen?? t. Tuomas Ps. Update ei ole vielä netissä.

[TheKraken]

Kyseessä siis varmaan Internet Explorer. Explorer on se windowsin finderin korvike.

Internet Explorerilla on tapana hieman muutella kaikenlaisia standardeja. Syytä on paha lähteä nyt tästä sanomaan, en ainakaan muista nyt yhtään suoraa esimerkkiä mistä se voisi johtua. Yksi vaihtoehto tietenkin on antaa sen olla niin ja laittaa sivuille huomautus, että "käytä jotain kunnon selainta, kuten Firefoxia" on nimittäin olemassa nykyään kohtuullisen paljonkin sivustoja, jonne ei IE:llä edes pääse enää, se on keinotekoisesti estetty

[MacAntti]

Internet Explorer on nykyisellään varsinainen ongelmapesä web-sivujen tekijöille. Varsinkin, jos tekee sivun asettelun CSS:n avulla, saa kyllä vääntää ja kokeilla jos minkälaista jippoa, että saisi hommaan pelaamaan Operassa, Firefoxissa, Safarissa ja Internet Explorerissa samalla tavalla. PC:n IE-käyttäjiä on kuitenkin valtaosa, joten se on pakko vielä huomioida täysillä. [:S]

[barcoder]

Pistä linkki sivulle jossa tämä tapahtuu niin ongelman syihin pystyy ottamaan paremmin kantaa...

[tuovir]

Pistä linkki sivulle jossa tämä tapahtuu niin ongelman syihin pystyy ottamaan paremmin kantaa...

Tässä olisi kaksi eri linkkiä: http://www.kolumbus.fi/tuomas.i.virtane ... roads1.htm ja http://www.kolumbus.fi/tuomas.i.virtane ... n/scen.htm . Ongelma siis koskee sivuja, joissa on pikkukuvia ja tekstit niiden päällä. Nuo ylhäällä olevat tekstit pomppaavat IE:ssa liiaksi vasemmalle, siis PC:n IE6:ssa. Macissäni niin IE5.2 kuin Firefox ja Safari näyttävät ne ok. Kaikki kommentit tervetulleita, koska oma ymmärrys loppuu ...

[Juhani L]

Tässäkin IE mokaa, katso tietoa täältä: http://www.dwfaq.com/IE6/ (anteeksi, että laitain näin. HO:n linkki ei taaskaan toimi).

Eli taulukoidenkin tasauksessa IE lukee html:ää väärin. Kokeile muuttaa taulukoiden tasausta kuten tuossa linkissä kerrotaan. Olisi kätevää, jos voit katsoa IE6:ssa sivuja heti muokattuasi sitä. Siinä hommassa VirtualPC tai iEmulator sisällään Win98 tai Win2000 ovat aika käteviä apuvälineitä.

Vielä kammottavampaa on lohkojen koon laskemiseen liittyvä CSS-moka ja fixed-koon ymmärtämättömyysmoka IE 5.0:ssa ja IE 5.5:ssä. Ne ajavat melkein mielisairaalakuntoon.

[tuovir]

Tässäkin IE mokaa, katso tietoa täältä: http://www.dwfaq.com/IE6/ (anteeksi, että laitain näin. HO:n linkki ei taaskaan toimi).

Eli taulukoidenkin tasauksessa IE lukee html:ää väärin. Kokeile muuttaa taulukoiden tasausta kuten tuossa linkissä kerrotaan. Olisi kätevää, jos voit katsoa IE6:ssa sivuja heti muokattuasi sitä. Siinä hommassa VirtualPC tai iEmulator sisällään Win98 tai Win2000 ovat aika käteviä apuvälineitä.

Vielä kammottavampaa on lohkojen koon laskemiseen liittyvä CSS-moka ja fixed-koon ymmärtämättömyysmoka IE 5.0:ssa ja IE 5.5:ssä. Ne ajavat melkein mielisairaalakuntoon.

Kiitoksia. Nyt alkaa jo pilkottaa valoa. Mutta, en valitettavasti ymmärrä tästä koodipuolesta tarpeeksi. Ymmärränkö oikein, että poistamalla tuon linkin Doctype-määrittelystä, sivujen pitäisi pelata? Mitä menetän jos linkkiä ei ole?

[barcoder]

Tässä olisi kaksi eri linkkiä: http://www.kolumbus.fi/tuomas.i.virtane ... roads1.htm ja http://www.kolumbus.fi/tuomas.i.virtane ... n/scen.htm . Ongelma siis koskee sivuja, joissa on pikkukuvia ja tekstit niiden päällä. Nuo ylhäällä olevat tekstit pomppaavat IE:ssa liiaksi vasemmalle, siis PC:n IE6:ssa. Macissäni niin IE5.2 kuin Firefox ja Safari näyttävät ne ok. Kaikki kommentit tervetulleita, koska oma ymmärrys loppuu ...

Hmmm, katselin nopsaan noiden fileiden sorsaa ja aukaisin niitä hieman itselleni. Tuolta table-osastosta puuttui jonkin verran esim. leveys-attribuutteja, niin hullulta kun se kuullostaakin, niin jos 600 pikseliä leveässä taulukossa on kolme saraketta, niin myös noiden sarakkeiden leveydet kannattaa määrittää, ja tietysti niin, että niiden yhteenlaskettu leveys on tasan 600 pikseliä. Tuo käyttämäsi table-rakenne oli hieman erikoinen, itse en tekisi tuota noin. Siinähän oli koko paketti yhden ison tablen sisällä, ja tablen leveydeksi oli määritelty 100% käytettävästä alasta. Kummallekin sivulle jäi tyhjät sarakkeet, mutta niille ei oltu määritelty leveyttä lainkaan,keskellä oli kolme 200 pikseliä leveätä saraketta, yht. 600 pikseliä, joita oli sitten päällekkäin useampi rivi. Tämä voi olla yksi syy kohdistusongelmaan.

Itse tekisin tuon niin, laittaisin koko paketin yhteen tableen, mutta antaisin sen leveydeksi 600 pikseliä, jakaisin kolmeen sarakkeeseen kukin 200 pikseliä leveä, yhdistäisin ylimmän rivin sarakkeet yhdeksi 600 px leveäksi soluksi. Koko tablelle määrittelisin allignmentiksi center:n ja sitten vaan kuvat yms. sälät solujen sisään.

Html-koodissa pätee enemmän kuin monessa muussa asiassa sanonta Keep It Simple!

[Pastori]

Mummiälestä taas taulukot ylipäätänsäkin on aikas hanurista. Css määrittelyt ja sisältö tyystin erikseen on nykypäivää.

Okei. Tietysti on nämä iWebit sun muut editorit jotka teoriassa turaa sivuja ilman taulukoita, muttta koodi on kyllä yhtä sotkua.

Viehkoa opetusmateriaalia ja propagandaa aiheesta.

[barcoder]

Mummiälestä taas taulukot ylipäätänsäkin on aikas hanurista. Css määrittelyt ja sisältö tyystin erikseen on nykypäivää.

Normaalissa sivustosuunnittelussa olen samaa mieltä, mutta tuo esimerkkinä ollut toteutus oli rakenteeltaan sen verran simppeli, että en lähtisi siihen sotkemaan css-määrittelyjä, niissä on myös omat huonot puolensa. Se kuinka merkittäviä nuo huonot puolet ovat, riippuu siitä minkälaiselle kohderyhmälle www-sivua tehdään.

Mualimassa on vielä yllättävän paljon selaimia, joiden kanssa nuo css-määritykset voivat olla pain in the ass.

Tosin sanottakoon, että suurimmassa osassa tapaukista ne ovat kyllä erittäin hyvä asia ja rehellisyyden nimissä on todettava, että kyllä niitä tulee lähes aina nykyään käytettyä kun staattista sivustoa pusaa.

Sisällön ja ulkoasun erottaminen on aivan loistava metodi sivustojen ylläpidossa, mutta se vaatii aika paljon jumppaa tuotannon alkupäähän. Jos tarkoituksena on vaan esitellä muutamia kuvia omilla nettisivuilla niin aika iso vaiva rakentaa taustalle tuollainen järjestely. Paljon helpommalla pääsee kun rakentaa sivupohjan nopeasti helpoimmalla mahdollisella tavalla, kopsaa sitä tarvittavan määrän ja heittää rojut sisään joka sivulle.

[Olaus]

Kiva sivu sinulla. Olisin kirjoittanut kuvatekstiriviin "center". roadtitl.gi -kuvan on tietenkin oltava sopivan kokoinen.

<tr>
<td height="100" colspan="4" align="center" valign="middle"><img src="../../idxfigs/roadtitl.gif" width="400" height="30" /></td>
</tr>

Voit ainakin kokeilla, jos auttaisi.

[MiniMe]

Itse tekisin tuon niin, laittaisin koko paketin yhteen tableen, mutta antaisin sen leveydeksi 600 pikseliä, jakaisin kolmeen sarakkeeseen kukin 200 pikseliä leveä, yhdistäisin ylimmän rivin sarakkeet yhdeksi 600 px leveäksi soluksi. Koko tablelle määrittelisin allignmentiksi center:n ja sitten vaan kuvat yms. sälät solujen sisään.

Html-koodissa pätee enemmän kuin monessa muussa asiassa sanonta Keep It Simple!

Kyllä. Jos haluat tehdä sivun taulukoilla ja ilman CSS:ää, sinun tulee määrittää kaikkien sarakkeiden leveydet. Muuten ne heittää eri selaimilla (IE) miten sattuu...