Archief - xhtml / css : image breedte

Ik heb een website waar er een mogelijkheid is om bij reacties een afbeelding in te voegen (zoals op het graphics forum hier). Maar als iemand een grote afbeelding invoegt dan is deze wel eens breeder dan de breedte van het kader waarin hij komt. Ik zou graag hebben dat deze foto nooit meer plaats in neemt. Je kan dit met css (nml. max-width: 100%; ), maar IE ondersteunt dit niet (en er zijn wss ook andere browsers die dit niet ondersteunen).
Hoe kan ik zoiets oplossen?
Ik had al gedacht aan altijd "width: 100%;" te gebruiken maar als je dan een 5x5 image ofzo invoegd ofzo dan wordt deze extreem vergroot.
De breedte van de afbeelding controleren is geen mogelijkheid want de breedte van de website is in %

Is feitelijk wel een mogelijkheid, stel dat je website toegankelijk moet blijven voor 800*600, dan maak je zo een max width aan die zorgt dat de afbeeldingen de site niet vervormen op 800*600.

Of met 1024*768, ...

Of van elke afbeelding automatisch een thumbnail laten generen die misschien 200*100 ofzo is. Dat zal niet vlug een verstoring qua design veroorzaken.

Zero Grav zei:

Of van elke afbeelding automatisch een thumbnail laten generen die misschien 200*100 ofzo is.

Klik om te vergroten...

Lukt dat met php? kzal et straks eens bekijk, nu heb ik ff geen tijd.

Een 'vuile' oplossing in CSS:

overflow: hidden;

DarkBone zei:

Een 'vuile' oplossing in CSS:

overflow: hidden;

Klik om te vergroten...

hehe ja, vuil kan je wel zeggen, dan zie je de helft er niet van