Taas ongelma IE:n kanssa

[Harri Juntunen]

URL: http://www.kultahiekka.fi

Kun tuon sivun avaa Internet Explorerilla, se on levällään kuin Leppäsen
eväät.
Oikein sen saa näkymään "Päivitä"-kuvakkeesta tai F5:llä.
Muilla selaimilla ei ongelmia.

Jos käy samalla sivustolla jollain muulla sivulla ja palaa etusivulle,
niin taas sama juttu.

Tuon sivuston olen tehnyt KompoZerilla. Lähdekoodi on todella kamalaa,
niin kaameeta, ettei sitä viitsisi edes näyttää.
En kuitenkaan viitsi rakentaa sivustoa kokonaan muulla tavoin uusiksi -
harrastussivusto kun on.

Jospa joku viitsisi katsoa, millä IE:nkin saisi tottelemaan?

[Seppo Loisa]

Post by Harri Juntunen
URL: http://www.kultahiekka.fi
Kun tuon sivun avaa Internet Explorerilla, se on levällään kuin Leppäsen
eväät.
Oikein sen saa näkymään "Päivitä"-kuvakkeesta tai F5:llä.

Veikkaanpa että kun tyhjennät selaimen välimuistin niin johan tokenee.

[Harri Juntunen]

Post by Seppo Loisa
Veikkaanpa että kun tyhjennät selaimen välimuistin niin johan tokenee.

Omalta koneelta ehkä, mutta olen saanut muutamia ihmetteleviä
kysymyksiä, miksi IE näyttää sivun väärin.
Ei ole auttanut kuin neuvoa päivittämään sivu.

[Jukka K. Korpela]

Post by Harri Juntunen

Post by Seppo Loisa
Veikkaanpa että kun tyhjennät selaimen välimuistin niin johan tokenee.

Omalta koneelta ehkä, mutta olen saanut muutamia ihmetteleviä
kysymyksiä, miksi IE näyttää sivun väärin.
Ei ole auttanut kuin neuvoa päivittämään sivu.

Eipä tässä näytä mikään päivitys auttavan (IE 9:llä).

Perusongelma näyttää olevan tässä:

<tr align="center">
<td><img style="width: 100%; height: 35px;" alt=""
src="main-footer.gif"></td>
<td><img style="width: 100%; height: 35px;" alt=""
src="main-footer.gif"></td>
</tr>

Kun pitäisi laittaa vierekkäin kaksi kuvaa, joiden leveyden pitäisi olla
100% käytettävissä olevasta leveydestä, niin selainparat ovat ihmeissään. IE
tekee mitä käsketään, jolloin taulukosta tulee noin kaksi kertaa niin leveä
kuin selainikkunasta. Tämä toimisi paremmin:

<tr align="center">
<td colspan="2"><img style="width: 100%; height: 35px;" alt=""
src="main-footer.gif"></td>
</tr>

Tosin kuvan skaalaaminen tuottaa aika ruman tuloksen. Parempi vaihtoehto
olisi tehdä valmiiksi sopiva (sopivan korkuinen) kuva, jossa saa olla
leveyttä reippaastikin, kunhan siitä tehdään _taustakuva_. Sen voi sitten
laittaa vaikka näin:

<tr align="center">
<td colspan="2" style="height: 35px; background: url(taivas.gif)"></td>
</tr>

[Harri Juntunen]

Post by Jukka K. Korpela
Tosin kuvan skaalaaminen tuottaa aika ruman tuloksen. Parempi
vaihtoehto olisi tehdä valmiiksi sopiva (sopivan korkuinen) kuva,
jossa saa olla leveyttä reippaastikin, kunhan siitä tehdään
<tr align="center">
url(taivas.gif)"></td>
</tr>

Tämän tajuaminen vei kotvan aikaa, kunnes äkkäsin skaalautumisen
johtuvan tästä
"main-footer.gif"-kuvasta.

</tr>
<tr align="center">
<td colspan="2"><img
style="width: 908px; height: 35px;" alt=""
src="main-footer.gif"></td>
</tr>

En tosin korjannut sitä aivan ylempänä neuvomallasi tavalla, mutta
tuntuu toimivan.
Kiitos taas tuhannesti!