[TYPO3-german] RTE CSS -> Responsive Bilder -> Problem mit Scalierung

[Ralf-Rene Schröder]

Am 25.07.2015 um 11:16 schrieb Peter Schäfer:
> Über die CSS Anweisung...
> 
> #content img {
>   width: 100%;
>   max-width: 100%;
>   height: auto;
> }
> 
> Sollen alle Bilder im "Hauptcontainer content"  ...

> --------------------------------------
> Funktioniert nicht:
> --------------------------------------
> <div class="testbild"><img class="testbild" src="bild.png"></div>
> 
> In der Klasse "testbild" steht dann: "width:auto;height:auto;" -> Diese
> Anweisungen werden dann von denen des "#content img" überschrieben

das ist für CSS ja auch logisch !!!
deine Anweisung:
#content img {} ist ja auch höherwertiger (Spezifität: 101) als
.testbild (Spezifität: 10)

folgendes sollte dann nicht überschrieben werden
(Varianten mit und ohne div)

#content .testbild img,
#content img.testbild {width:auto;height:auto;}
(beides Spezifität: 111)

siehe dazu:
http://blog.gordon-adams.com/html-css/wertigkeit-spezifitaet-von-css-selektoren-klassen-und-ids.html


-- 
image[FORMAT] - Ralf-René Schröder
http://www.image-format.eu ... Wir geben Ihrem Image das richtige Format