iWeb+HTML snippet+IE -> ei toimi, vaikka tuliketulla toimii?

[Compton]

Olen pystyttänyt iWebilla seuraavan sivuston: http://www.elisanet.fi/~g638761/kk/Front.html

Sivut näkyvät hyvin Safarilla ja Firefoxilla, mutta IE:lla päävalikon kohdalla näkyy pelkkä punainen rasti. Vasemmassa laidassa oleva Dock-henkinen päävalikko muodostetaan seuraavalla HTML snippet -pätkällä:

Koodi: Valitse kaikki

<img src="paavalikko.jpg" border="0" usemap="#imagemap" />
<map name="imagemap" id="imagemap">
<area shape="rect" coords="6,84,75,5 " href="http://www.elisanet.fi/~g638761/kk/front2.html"  target="Showframe" class="class1" />
<area shape="rect" coords="3,170,82,99" href="http://www.elisanet.fi/kallekantola/kk/goals.html"  target="Showframe" class="class1" />
<area shape="rect" coords="5,261,71,188" href="http://www.elisanet.fi/kallekantola/kk/groups.html" target="Showframe" class="class1" />
<area shape="rect" coords="6,353,82,277" href="http://www.elisanet.fi/kallekantola/kk/rt.html"  target="Showframe" class="class1" />
<area shape="rect" coords="0,448,93,378" href="http://www.elisanet.fi/kallekantola/kk/contact.html"  target="Showframe" class="class1" />
</map>

Keskellä oleva pääikkuna toimii hyvin, mutta tässä kuitenkin senkin koodipätkä:

Koodi: Valitse kaikki

<iframe 
name="Showframe" 
src="http://www.elisanet.fi/kallekantola/kk/front2"
style="width:900px; height:700px;
border-width:0px;
scrolling="yes" >
</iframe>

Tuleeko jollekin HTML-velholle mieleen, että missä ongelma on? Kiitos.

[Touho]

Ei nyt ole oikein aikaa eikä virtaa perehtyä koko sorsaan, varsinkaan jos se on jollain iWebillä tehty, eli noin äkikseltään en ole nyt ihan satavarma, että mikä tarkalleen pysäyttää MSIE:n. Eihän siihen pajoa tarvita, monesti esim. tavallinen W3C-standardinmukainen koodi riittää.

Mitäs muuten tarkoitat tuossa päävalikolla? Tuota pystysuoraa vasemman reunan palkkia vai? Onko päämenun toteutukseen juuri image mappina joku erityinen syy?

Enivei, noin pikapikaisesti vilkaistuna tuossa hämmentää muutama perusseikka. Esmes miksi ihmeessä ylipäätään haluat käyttää jotain iframea? Samaan hommaan liittyen esim. tuota yläpalkkia klikkaamalla (siinähän on linkitys) sama (etu)sivu aukeaa uudestaan tuohon freimiin, ja vasemman reunan menupalkki tuplaantuu sivun alalaidassa. Jäiks! Mikä mahtaa olla tuon pointti? Ainakin minut tuollainen ratkaisu karkottaisi aika nopeasti saitilta pois, vaikka nuo menut näkyvätkin.

Samoten ne meta-tageissa olevat viittaukset MSIE8:aan kannattaisi ottaa pois, ja pistää tilalle ihan vaan perusmetat, ja sitten tehdä vaan normaalia standardinmukaista perussivumateriaalia, turhia krumeluureja vältellen. MSIE toimii jos on toimiakseen, mutta se on tunnetusti hiukan hankala selain. Kun teet tuon saitin ihan normi sivuina, ei MSIE:täkään varten todennäköisesti tarvita minkäänlaisia hackeja.

Tuo iframe vaan sotkee ja heikentää saitin selattavuutta, ja on omiaan aiheuttamaan ongelmia ja tosi rumaa jälkeä tuota saittia eri selaimille renderöitäessä. Saattaa olla, että jo se pelkästään riittää tuomaan ongelmia MSIE:n suhteen, en nyt muista tarkalleen.
Samannäköisen ja saman toiminnallisuuden saa kyllä tehtyä ihan hyvin ilman tuollaista turhaa freimitystäkin. Tuo iframe -tägi on semmoinen, jota oikeastaan ei juuri tarvita, eikä sitä missään nimessä kannata käyttää. Jos nyt ei ole jotain pakottavaa tarvetta saada upotettua jotain erillistä snipplettiä johonkin sivun ruutuun, eikä oikein silloinkaan. Tässä tapauksessa sellaista tarvetta ei ole.

Elikkä omat vinkit näin aluksi olis semmoiset, että tee homma alusta asti uudestaan selvästi yksinkertaisemmin.
Ensimmäisenä tuo turha iframe hemmettiin saman tien, turha mappi pois, koska samanlaisen menun saa tehtyä helposti ilmankin. Samalla siten, että se toimii myös köykäisemmillä katselulaitteilla ja hitaamman nettiyhteyden takaa. Sitten ne meta-tagit siivoukseen. Siinä voi käyttää apuna vaikka iWeb SEO Tool -nimistä ilmaista apuohjelmaa.

Voi siellä olla jotain muutakin olennaista ja joku syntaktinen bugi, mutta jääkööt tältä erää myöhempään ajankohtaan, tai seuraavalle webbiapinalle tutkittavaksi. Mutta silti, itse tekisin koko saitin alusta uudelleen järkevästi yksinkertaistaen. Nuo jo tehdyt grafiikat ja tekstithän voi pudottaa sitten paikoilleen suht nopeasti. Silviisiin ei tosiaan tule isompia ongelmia edes sen MSIE:n kanssa.

[Compton]

Olet varmaan oikeassa, että sivua pitäisi yksinkertaistaa poistamalla koko iFrame. Satuin vain huomaamaan iFrame-ohjeen toisella keskustelupalstalla ja halusin harjoitella sen käyttöä. Tarkoitus oli pitää sivuvalikko ja yläotsikko koko ajan kiinteästi näkyvillä, kun muuta sisältöä pystyisi selaamaan vapaasti.

Edit: poistin iframe-asettelun kokonaan.

[Touho]

Olet varmaan oikeassa, että sivua pitäisi yksinkertaistaa poistamalla koko iFrame. Satuin vain huomaamaan iFrame-ohjeen toisella keskustelupalstalla ja halusin harjoitella sen käyttöä. Tarkoitus oli pitää sivuvalikko ja yläotsikko koko ajan kiinteästi näkyvillä, kun muuta sisältöä pystyisi selaamaan vapaasti.

Edit: poistin iframe-asettelun kokonaan.

Näköjään olet vähän editoinut aloitusviestiä sitten viime näkemän, mutta kaitpa se sisältö on kutakuinkin samanlainen...

Mutta siis joo, se valikon paikallaanpysyminen ja tekstiosan rullaaminen onnistuu kyllä ilman iframeakin, tai ylipäätään freimejä, mutta toki sen teko juri iWebillä voi olla hiukan haasteellista.
Tosin kannattaa muistaa sekin, että suurin osa nettisivuja surffaavista ei halua erillistä surffausikkunaa selainikkunan sisään omine scrollbareineen, vaan sellaiset lähinnä ärsyttävät, ja toisinaan hankaloittavat navigointia. Se menun karkaaminen ylöspäin sivua skrollatessa on useimmille pienempi harmi, ja se perinteinen tyyli on muutenkin suositeltavampi konsti. Koko frameset -systeemi on jäämässä pois käytöstä, ja upotettu freimikin on vähän sellainen ...turhake, muuten kuin erikoistapauksissa. Sellaisen kiinteän teksti- tai sisältölaatikon omalla scrollbarilla saa tehtyä myös pelkällä css:llä ilman iframea.

Yksi aika yleinen konsti on tehdä sivun alalaistaan toinen yksinkertaistettu tekstipohjainen päämenu, joten sivun alareunaan asti scrollattuaan ei tarvitse välttämäti enää rullata takaisin ylös. Saman voi toki tehdä vaikka monivalintalaatikkona, kuten esimerkiksi täällä Hompussa.