Keskustelu: Nettisivujen teko: max-width:100% ja Internet Explorer

Pitkästä aikaa tuli tarve tehdä vähän webbikoodausta, ja hyvinhän se sujui siihen asti kunnes testasin sivuja IE:llä...

Päälimmäiseksi ongelmaksi osoittautui eräänlaisessa kuvagalleriassa IE6:sta puuttuva tuki max-width-määritykselle. Pitäisi siis rajoittaa kuvaa siten, että se pysyy divin sisällä. Googlella löysin joitain max-width-hackeja IE:lle (esim. width:expression(document.body.clientWidth > 500? "auto": "500px" );) mutta ne eivät ole toimineet haluamallani tavalla.

Onko kenelläkään tiedossa koodia, joka IE:lle tarkoittaisi samaa kuin max-width:100%?

Ei varsinaista vastinetta, mutta:

<!--[if IE]>
<a href="http://opera.com">Hanki parempi selain</a>
<![endif]-->

Itse pienentäisin ne kuvat valmiiksi palvelimen päässä. Tuntuu aika hölmöltä lähettää jotain 10000x5000 kokoista kuvaa verkossa, jos se on tarkoitus kuitenkin näyttää selaimessa 500px leveänä. Sitä paitsi ainakin useimpien www-selaimien kuvanpienennysrutiini on huono, joten kuvista tulee yleensä onnettoman näköisiä.

Itselläni seuraava on osoittautunut toimivaksi IE:n eri versioilla.

img {
  max-width: 500px;
  width: auto !important;
  width: 500px;
}