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

Peter Schäfer typo3.newsliste at online.de
Sat Jul 25 11:16:52 CEST 2015


Hallo Liste,

System ist:
T3 6.2.11
RTE rtehtmlarea 6.2.0


Über die CSS Anweisung...

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

Sollen alle Bilder im "Hauptcontainer content"  ...
a) höchstens so groß angezeigt werden, wie sie sind (in px), und
b) nicht größer angezeigt werden wie es der umschliessende DIV Container 
zulässt.

Das klappt auch bei Bildern, die als Inhaltstyp "Text mit Bild" oder 
"Bild" eingebunden werden prima, wenn die Größe (als Pixel) unter 
Erscheinungsbild/Bildeinstellungen NICHT eingetragen wird.

Wird der sichtbare Bereich zusammen geschoben und verkleinert sich somit 
das umschließende DIV "content" auf einen Wert unter der Größe des 
Bildes, dann wird es kleiner scaliert.

Allerdings funktioniert das nur bedingt bei Bildern die
a) per HTML Code, oder
b) per RTE  eingebunden werden.

Dort werden dann auch kleine Bilder ( bis auf in der Außnahme unten) 
IMMER soweit vergrößert wie es der Platz zulässt.

In den Fällen, in denen Bilder per RTE oder HTML eingefügt werden, würde 
es mir reichen wenn diese in der "Originalgröße", also NICHT scalierbar, 
angezeigt werden würden.

--------------------------------------
Funktioniert nicht:
--------------------------------------
Ohne Angabe (weder im CSS noch im HTML)
<img src="bild.png">

<img class="testbild" src="bild.png">		

<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



--------------------------------------
Funktioniert:
--------------------------------------
Style wird dem IMG direkt im HTML mitgegeben.

<img style="width:auto;height:auto;" src="bild.png">	-> Dadurch wird 
"#content img" überschrieben


Auch wenn es sehr unschön ist, mit der HTML Lösung könnte ich ggfl. leben.

Aber wie bekomme ich es aber hin, dass "style="width:auto;height:auto;"" 
jedem Bild aus dem RTE hinzugefügt wird?

Wie geht Ihr mit dem Thema um?

Gruß Peter



More information about the TYPO3-german mailing list