Darstellungsfehler in Chrome: Bild vertikal verzerrt.

[NewNoise]

[Erledigt] Darstellungsfehler in Chrome: Bild vertikal verzerrt.

Hallo,

ein letztes Problem habe ich mit meiner Seite noch. Chrome verzerrt mir die Bilder (siehe Anhang). FF, Chrome und Opera machen es richtig.
Kann mir jemand helfen? Die Bilder liegen in einem div, was per class height: 100% und width: 100% hat. Eigentlich passt er die Bilder da sauber nur rein. Nur Chrome streckt sie auf 100% höhe des Bildes, nicht des divs ....

Danke
noise

 

[kkapsner]

Welcher Anhang?

 

[NewNoise]

autsch. hier.

 

[kkapsner]

Die <img> haben aber auch per CSS das height und width 100% und nicht das <div>...

 

[NewNoise]

ja, aber das müssen sie doch auch, damit sie 100% größe des eltern-divs annehmen. wenn ich das wegmache macht er die bilder in allen browsern zu groß.

chrome nimmt das ja für width auch korrekt. nur height wertet er falsch aus.

 

[djheke]

Scaliere deine Bilder auf ein vernünftiges Maß und gib nur width oder height an. So sollte es funktionieren.

 

[NewNoise]

Hi,

ja die Bilder sind alle noch viel zu groß, da muss ich noch ran.
Nur width oder height angeben geht auch nicht, dann streckt er eines auf original-größe. das ist ja auch verzerrt dann ...

noise

 

[djheke]

Nein, wenn du nur ein Wert notierst hast du genau den Effekt den du brauchst.
Wenn deine Box bspw. 300px breit ist dann gibst du deine Bilder eine breite von 100%. Die Höhe wird entsprechend scaliert.

Noch 'ne Frage. Wie oft willst du denn dein Design noch überarbeiten ? Kommen da die Inhalte nicht zu kurz ?

mfg

 

[NewNoise]

Hi,

ah. Tatsache es funktioniert. Der Fehler war, dass Textpattern (das CMS was ich nutze) width und height direkt am Bild setzt, wenn man es nicht explizit deaktiviert. So funktioniert es nun. Danke.

Das Design steht so jetzt. Ist halt nur noch der Feinschliff der aussteht. Crossbrowsertest etc.. Für die Inhalte bin ich nicht verantwortlich ...

Danke für die Hilfe.
noise