[TYPO3-german] OT? responsive image mit css

[Robert Hafenried]

Hallo,

ich weiß leider nicht, ob das Problem mit TYPO3 zusammenhängt oder allein css bedingt ist.

Also, ich nutze media queries und 

img { height: auto; width: 100%; max-width: 100%; }

zur Anpassung von Bildern an Browsergrößen. Das funktioniert wunderbar, leider nur hier nicht:

Bild vor rte link (Größe 20x14)
<img alt="Öffnet ein Fenster zum Versenden der E-Mail" src="http://xxx/typo3/sysext/rtehtmlarea/res/accessibilityicons/img/mail.gif" />info (at) xxxxx.de</a></p>

und (Größe 244x90)
<img alt="CAPTCHA-Bild zum Spam-Schutz " src="http://www.xxxx.de/index.php?eID=sr_freecap_EidDispatcher&id=95&extensionName=SrFreecap&pluginName=ImageGenerator&controllerName=ImageGenerator&actionName=show&formatName=png&set=08b87" id="tx_srfreecap_captcha_image_08b87" class="tx-srfreecap-pi1-image">

Sobald die media queries das css 'aktivieren', werden die beiden  Bilder in voller Browserbreite angezeigt, andere Bilder mit einer geringeren Breite als der Browser hingegen nicht.

Ohne 'width: 100%' werden die beiden Bilder nicht vergrößert, dafür werden die zu großen Bilder dann aber auch nicht verkleinert.


Danke fürs Lesen!

Robert