[TYPO3-german] CE Bilder Responsive

[conPassione gmbh]

Hallo Liste

nun, das "responsive" machen einer Website braucht ein von Grund auf für
diesen Zweck ausgelegtes Design.
Wenn der äusserste Container schon ein min-width:960px hat, dann werden
sich die Bilder auch nicht anpassen, weil sich ja der umfassende
Container nicht anpasst.
Das Gleiche gilt natürlich auch für alle inneren Container, wenn einer
Spalte eine fixe Breite zugeordnet ist, dann funktioniert es auch nicht.
Die Beispiele vom typo3blogger.de funktionieren grundsätzlich, denn sie
entfernen die sonst als Inline-Style definierten, fixen Grössenangaben
der Bilder. Das ist die Grundvoraussetzung, dass diese responsive
werden. Und natürlich muss das CSS dann auch entsprechend mit
max-width:100% und width/height:auto gesetzt werden.

Der langen Rede kurzer Schluss, es gibt viele Möglichkeiten die
Responsiveness zu verhindern. Deshalb muss man das ganze Gerüst an
HTML/CSS anschauen und für IE8 und ältere auch modernizer einbauen.

Ich würde mal von aussen nach innen die Container untersuchen, ob diese
für responsives Design gebaut sind. Dann kannst Du im TSOB schauen (oder
natürlich auch im Quelltext), ob noch Angaben zu img und figure
vorhanden sind, welche eine fixe Breite als Inline-Style ausgeben. Dann
diese eliminieren. Und zu guter Letzt würde ich die Angaben zu
Bildgrössen in der Flexform ausblenden, damit kein Redaktor da was
reinschreibt.

Gruss Renzo
-- 

________________________________________________________________________


Renzo Bauen
conPassione gmbh
T +41 33 345 00 92
M +41 79 330 10 11
http://www.conpassione.ch
TYPO3 Bronce Associate 

Am Mittwoch, den 19.06.2013, 23:31 +0100 schrieb Matthias Eberlein:

> On 19.06.2013 23:13, Stephan Bauer wrote:
> > Hallo,
> >
> > ich habe versucht, die CEs 'Bilder' und 'Text mit Bilder' so anzupassen,
> > dass die eingebundenen Bilder sich in einem responsive Design in der
> > Größe anpassen (TYPO3 4.7 und 6.1).
> > Anleitung u.a.:
> > http://typo3blogger.de/responsive-design-mit-typo3/
> >
> > Leider funktioniert bei mir keine Anleitung, die ich gefunden habe.
> > Die Bilder verkleinern sich leider nicht.
> >
> > Hat jemand eine funktionierende Lösung?
> >
> > Vielen Dank im Voraus.
> >
> > Grüße
> >
> > Stephan
> Hallo Stephan,
> Schau dir diese Ext. doch einmal an.
> https://github.com/rtp-ch/rtp_imgquery
> Gruss
> matthias
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german