IE näyttää tämän sivun väärin

[Harri Juntunen]

http://www.kultahiekka.fi/tapahtumat/paasiainen.html

Muilla selaimilla tuo sivu näkyy oikein, mutta Internet Explorer sotkee
ylimmäisen, kolme kuvaa sisältävän taulukon levälleen.
Mulla on nyt sellainen black out, etten yrityksistä huolimatta saa
korjattua lähdekoodia tuollekin selaimelle kelpaavaksi.

[Jukka K. Korpela]

2012-03-16 11:43, Harri Juntunen kirjoitti:

> http://www.kultahiekka.fi/tapahtumat/paasiainen.html
>
> Muilla selaimilla tuo sivu näkyy oikein, mutta Internet Explorer sotkee
> ylimmäisen, kolme kuvaa sisältävän taulukon levälleen.

On siinä vähän heittoa Firefoxissakin: taivaskuvio ulottuu vähän
pitemmälle oikealle kuin viimeinen kuva, eikä tämä taida olla
tarkoituksellista.

Taulukon merkkaus on aika sekaisin:

<table style="" 0.5em="" 726px="" 100px="" – –

En osaa arvailla, mitä tuolla on ajettu takaa. Sen sijaan taulukolla
muutoin ilmeisesti halutaan laittaa kolme kuvaa, joista keskimmäisen
yläpuolella on tekstiä, ja niiden yläpuolella taivaskuvio. Toimiva tapa
tehdä tämä olisi esimerkiksi se, että taivaskuviosta tehdään
(kuvankäsittelyohjelmalla) halutun korkuinen, tässä kai 44 pikseliä
korkea, kuva ja siitä sitten tehdään taulukon ensimmäisen rivin (tyhjän
solun) taustakuva, joka toistuu x-suunnassa:

<td colspan=3 height=44
style="background: url(taivas.gif) x-repeat>&nbsp;</td>

Saman tekeminen <img>-elementeillä, kuten tässä on yritetty, menee
hankalaksi. Ristiriita taitaa syntyä siitä, että saman rivin kahdessa
solussa on asetettu kuville width: 100% mutta solujen leveyksiä ei ole
asetettu, jolloin selain yrittää laskea ne sisältöjen mukaan, mutta
sisällössä taas on tuo 100%... Tämän korjaaminen olisi luultavasti
hankalampaa kuin asian tekeminen edellä mainitsemallani tavalla.

--
Yucca, http://www.cs.tut.fi/~jkorpela/

[Harri Juntunen]

"Jukka K. Korpela" <jkor...@cs.tut.fi> kirjoitti:

> 2012-03-16 11:43, Harri Juntunen kirjoitti:
>
>> http://www.kultahiekka.fi/tapahtumat/paasiainen.html
>>
>> Muilla selaimilla tuo sivu näkyy oikein, mutta Internet Explorer
>> sotkee
>> ylimmäisen, kolme kuvaa sisältävän taulukon levälleen.
>
> On siinä vähän heittoa Firefoxissakin: taivaskuvio ulottuu vähän
> pitemmälle oikealle kuin viimeinen kuva, eikä tämä taida olla
> tarkoituksellista.
>
> Taulukon merkkaus on aika sekaisin:
>

> <table style="" 0.5em="" 726px="" 100px="" - -

>
> En osaa arvailla, mitä tuolla on ajettu takaa. Sen sijaan taulukolla
> muutoin ilmeisesti halutaan laittaa kolme kuvaa, joista keskimmäisen
> yläpuolella on tekstiä, ja niiden yläpuolella taivaskuvio. Toimiva tapa
> tehdä tämä olisi esimerkiksi se, että taivaskuviosta tehdään
> (kuvankäsittelyohjelmalla) halutun korkuinen, tässä kai 44 pikseliä
> korkea, kuva ja siitä sitten tehdään taulukon ensimmäisen rivin (tyhjän
> solun) taustakuva, joka toistuu x-suunnassa:
>
> <td colspan=3 height=44
> style="background: url(taivas.gif) x-repeat>&nbsp;</td>
>
> Saman tekeminen <img>-elementeillä, kuten tässä on yritetty, menee
> hankalaksi. Ristiriita taitaa syntyä siitä, että saman rivin kahdessa
> solussa on asetettu kuville width: 100% mutta solujen leveyksiä ei ole
> asetettu, jolloin selain yrittää laskea ne sisältöjen mukaan, mutta
> sisällössä taas on tuo 100%... Tämän korjaaminen olisi luultavasti
> hankalampaa kuin asian tekeminen edellä mainitsemallani tavalla.

Kiitos taas kovasti!
Itse asiassa tuota taivaskuviota en edes halunnut tälle sivulle, se on
jäänne jostain enkä kiinnittänyt siihen mitään huomiota.
Poistin koko kuvan ja sain taulukon pysymään keskellä lisäämällä:
<table style="text-align: left; margin-left: auto; margin-right: auto;"
align="center" border="0" cellpadding="0" cellspacing="0">