2.10 - Bilder werden im Content verschoben...

Hallo ,
ich habe die neue 2.10 Version im Einsatz - und habe darin ein neues Projekt angelegt. Wenn ich jedoch im Content ein Bild hinzufüge oder ein Bildelement auswähle - dann werden die Bilder um ca. 40 pixel nach rechts verschoben angezeigt....
Im Css habe ich keinerlei solcher Angaben gemacht, und auch schon das ganze CSS geprüft- nichts zu finden. Selbst wenn ich ein CSS definiere mit padding, margin für Bilder = 0 - passiert gar nichts - Rahmen etc. kann ich für bilder vergeben.

Kennt jemand das Problem?!

Danke und Gruss
Gassi

Wird vom user agent stylesheet (also vom Browser) geerbt.
Bei Bildern und unter Chrome wäre es dieses hier:

Code:

---

figure {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}

---

Einfach überschreiben und es müsste wieder passen.

Danke,

das war es ... seit wann ist denn das so , das Problem hatte ich noch nieee - und wieso?

Gruss Gassi

hallo zusammen,



figure
margin 0;

sollte glaub ich gehen...

ciao

Hallo,

mit dem gleichen Problem schlage ich mich jetzt auch schon seit Stunden.

mit

figure
margin 0;

hat es von der Höhe her geklappt. Horizontal ist es immer noch verschoben.

figure {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px;
}

hat bei mir keine Veränderung gebracht.

Hat jemand noch einen Tip?

Gruß Michaela

Hallo,

ich hatte die Problematik gerade auch. Bei mir trat das Problem in Verbindung mit einer Lightbox mit eigenem Seitenlayout auf. Ich hatte vergessen dem Template die eigentliche CSS-Datei mitzugeben. Danach lief alles normal und das Problem war somit für mich gelöst.

Vielleicht hilft es und viele Grüße
R.Fehrmann

Irgendwie hatte ich mir den Umstieg auf 2.10 einfacher vorgestellt: Momentan Probleme beim Kontakt-Email-Versand (token), und jetzt etwas Ähnliches wie bei Euch: Zunächst über den (neuen?) tag "figure" gestolpert. Plötzlich unerwünschte Abstände, hab ein reset gemacht für .image_container, padding und margin auf 0.
Aber warum schreibt das System plötzlich solche Pfade:
<img height="116" width="150" alt="Drehteile" src="system/html/dreh_stahl-b2d74fba.jpg">
Auch das Bild wird umbenannt; kenne mich plötzlich gar nicht mehr aus!
Hat da jemand schon mehr Erfahrungen mit dem 2.10er System?

Danke und einen schönen Abend,

Compadre

Die Bilddatei wird deshalb umbenannt und unter "system/html" abgelegt, weil es sich dabei um das Vorschaubild handelt. Wenn Du im Backend Bildabmessungen eingibst, die von der ursprünglichen Originalgröße abweichen, dann erstellt Contao das entsprechende Bild in dieser gewünschten Größe.

Wenn ihr sonstige Fragen zur 2.10 habt, siehe der Link in der türkisen Box hier im oberen Forum-Bereich.

Zum Thema zurück: Wenn Ihr HTML5 benutzt, dann ist es sinnvoll, auch hier ein Reset-Stylesheet zu benutzen, um sinnvolle und konsistente Browsereinstellungen zu erreichen. Einen guten Ansatz finde ich normalize.css von Nicolas Gallagher.

Selbstverständlich ist das nur einen Basis.

Carolina.

Habe auch das Problem mit den verschobenen Bildern und das figure margin 0 hat bei mir nicht wirklich geholfen.

Gibts da noch weitere Tipps zu?

Edit: Wobei ich irgendwie das Gefühl habe dass das CSS gar nicht eingebunden wird !?

http://contao.feuerwehr-dedinghausen.de/

Nachdem ich die normalize.css eingefügt habe, passt alles. Keine Ahnung weshalb er die Änderung nicht per hand wollte, aber nu gehts.