Keskustelu: Nettisivujen teko: css, eri selaimet, background-image

Ongelmana on background-image:n sijoittaminen. IExplorerilla ja Operalla kuvat menevät eri kohtiin.

CSS:

td.tiedotukset{
    background-color:#000000;
    background-image: url(../kuvat/tausta.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position:0px 0px;
    text-align:left;
    width:645px;
    height:570px;
}

div.sisalto{
   width:645px;
   height:570px;
   overflow:auto;
}

HTML:

<td class="tiedotukset">
<div class="sisalto">
</div>
</td>

Jos katsotte http://koti.mbnet.fi/tanari2 -sivustoa iexplorerilla ja operalla, niin huomaatte eron.. Mistä voi olla kiinni.. koska itse en ole vielä asiaa saanut selville.

Se on tuo background-attachment: fixed. IE ei osaa sitä oikein.

Mutta periaatteessa se "toimii" kuitenkin IE:llä niinkuin haluan. Eli tausta kuva pysyy paikallaan, vaikka scrollataankin. Operassa kuitenkin sen se taustakuva on missä sattuu (tai oikeassa paikassa... riippuen siitä kumpi selain näyttää sen oikein).
Olisiko sinulla mitään ehdotusta ratkaisuksi tähän ongelmaan?

Arttut02 kirjoitti:

Mutta periaatteessa se "toimii" kuitenkin IE:llä niinkuin haluan. Eli tausta kuva pysyy paikallaan, vaikka scrollataankin.

Ei se muuten mulla ainakaan pysy, mutta laitetaan Winen piikkiin, IE:llä on ennenki ollu grafiikkabugeja Winessä ja muistelisin, että IE tuon osuuden osaisi.

Arttut02 kirjoitti:

Operassa kuitenkin sen se taustakuva on missä sattuu (tai oikeassa paikassa... riippuen siitä kumpi selain näyttää sen oikein).

Oikeassa paikassa juurikin. Speksin mukaan fixed-taustakuvien paikka on suhteellinen viewporttiin, ei siihen elementtiin, jolla ne on.

Arttut02 kirjoitti:

Olisiko sinulla mitään ehdotusta ratkaisuksi tähän ongelmaan?

Saatat saaja sen hyväksi kaikille säätämällä background-positionia niin, että kuva on oikeassa kohdassa ja piilottamalla sen sitten IE:ltä esimerkiksi lapsiselektoria hyödyntäen:

*>td.tiedotukset {
  /* IE ei nää tänne */
  background-position: a, b;
}

Muista testata vaihtelevilla ikkunan koo'illa (miten tuo oikeasti taivutetaan?).