Contao 3.0.1 Bildgröße IE

**Nobody1234** · 20.12.2012, 08:02

Hallo,

bei meiner umstellung auf die neue Version hat sich ein merkwürdiger Fehler eingeschlichen. Bildgrößen werden im IE 8 nicht korrekt angezeigt (Er nimmt immer die originalgröße der Bilder)

Sobald ich das CSS framework Layout-Builder deaktiviere, funktioniert es wieder (Alles andere dann natürlich nicht)

Ich habe alle CSS Stylesheets deaktiviert ohne Erfolg. In allen anderen Browsern wird es richtig dargestellt.

Kann mir vielleicht jemand weiterhelfen?

lg

***Nina*** · 20.12.2012, 08:42

Gib bitte den Link zur Website, damit wir den Effekt nachvollziehen können (mit eingeschaltetem Layoutbuilder).

**Nobody1234** · 20.12.2012, 09:34

Hallo,

die testseite ist im moment unter www.isg.li zu erreichen. Im Footer ist es deutlich zu sehen, das eine Bild sollte in der selben größe angezeigt werden wie alle anderen. (Und auch das Hintergrundbild wird im IE nicht angezeigt)

**iainmacnab** · 20.12.2012, 10:45

Schau mal die unterschiedliche Styledefinitionen an:

<a href="http://www.europeanideas.eu/" target="_blank"><img style="vertical-align: baseline;" src="http://bmi/www.isg.li/tl_files/layout/icons/european_ideas_logo.png" alt="" width="50" height="37"></a>

<a href="http://www.facebook.com/isgkarriere" target="_blank"><img src="http://bmi/www.isg.li/tl_files/layout/icons/icon_facebook.png" alt=""></a>

**plastiko** · 20.12.2012, 12:40

Da stört ein Hack für den IE (width:auto\9)

Code:

img {
max-width:100%;
height:auto;
-ms-interpolation-mode:bicubic;
width:auto\9
}

Den Code gibt der Layout-Builder aus.

Edit:
Du kannst diesen Hack mit einem px-Wert überschreiben:

Code:

.ie .contact_box_content a {
width: 50px;
}

**Nobody1234** · 20.12.2012, 14:11

Danke für den Input. Aber das für die komplette Webseite zu machen wäre etwas anstrengend

. Wäre leichter wenn man das file direkt bearbeiten könnte...

Außerdem scheint auch der background aus den css files ausgeblendet zu sein.

**plastiko** · 20.12.2012, 14:26

Zitat von Nobody1234

Außerdem scheint auch der background aus den css files ausgeblendet zu sein.

Nein, das (zu) große Bild verdrängt die anderen nur ins unsichtbare.
Du mußt doch nur eine css-Anweisung für nur ein Seitenlayout zufügen.

Ansonsten skaliere einfach das Bild in einem Grafikprogramm.

Edit:
Der Layoutbuilder ist wohl wieder abgeschaltet.

**plastiko** · 20.12.2012, 18:58

Hast du nun die
assets/contao/css/layout.css
bearbeitet oder wie hast du das sonst behoben?

Der Layout-builder scheint (ohne width:auto\9) wieder aktiviert zu sein:

Code:

img{
max-width:100%;
height:auto;
-ms-interpolation-mode:bicubic;
}

**Nobody1234** · 21.12.2012, 07:06

Ja habe das umgesetzt. Leider ist noch einiges zu tun bis das alte layout auf die neue version übetragen wurde (IE macht viele probleme) und möglicherweise wird ein umstieg gar unmöglich (Einige Bugs, wie das {{link_url::}} in Modulen auf anderssprachige Seiten nicht mehr funktionieren)

Trotzdem danke für den Anstoss.

**Big_Berny** · 12.04.2013, 11:57

Habe dasselbe Problem. Funktioniert jetzt die verkleinerte Darstellung im IE tatsächlich nicht mehr? Kann es schon anders lösen, aber ist ja nicht immer praktisch.

**Big_Berny** · 15.05.2013, 09:06

Hey zusammen
gibt's da wirklich keine Lösung? Sobald ich ein Bild verkleinert anzeige, zerreisst es das ganze Design. Mir ist schon klar, dass man die Bilder per Inserttag verkleinern kann, aber das sollte ja kein Zwang sein, da dies ja auch kein so wahnsinnig exotisches Feature ist.

**Madob** · 05.11.2013, 11:59

Gibt es hierfür schon eine einfache Möglichkeit, dass die Bilder im IE nicht mehr in Originalgröße angezeigt werden, sonder mit den in den Atributten zugewiesenen Werten?