Bild auf 100% wird unscharf.

[Corsachriz]

Hallo zusammen,

Ich arbeite zur Zeit an einer Website in der als Inhalt Diagramme dargestellt werden.

Das Bild der Diagramme habe ich extra genauso breit gemacht wie das Div ist.

Dem Bild habe ich die Breitenangabe 100% gegeben, so dass es bei einer Auflösung von 1024 nicht gestreckt werden muss. Bei kleineren Auflösungen wird das Content Div kleiner und das Bild passt sich an.

Problem: Selbst wenn das Bild bei 100% ist wird es in der Mitte verwaschen dargestellt (Obwohl 100% der pixelbreite entspricht). Dieses Phänomen tritt im Firefox und Safari auf. IE7 zeigt das Bild meiner Meinung nach korrekt an.

Hier mal der Link: http://tiny.cc/fHCNw

[Boris]

Also wenn ich das Bild allein öffne, sieht es tadellos aus, sprich: http://zerobase.pro-websites.de/files/target.jpg ...

Allerdings wird es wohl so sein, dass bei einer Angabe von 100% sofort begonnen wird, zu skalieren - selbst wenn es deiner Meinung nach "passt". Das tut es nämlich nicht.

Gib dem Bild die richtige Größe in px. Alle aktuellen Browser (FFox, Opera, Safari und IE7/ haben selbst einen kompletten Zoom eingebaut, bei dem ohnehin alles vergrößert wird, auch Bilder.

[Corsachriz]

Wenn du im FF mit der rechten Maustaste auf das Bild und Eigenschaften gehst, sieht man, dass das Bild nicht skaliert wird. Sonst würde es dabei stehen.

Mir geht es um die 800 x 600 Auflösung. Die Divs verkleinern sich, das Bild aber natürlich nicht. Habe gehofft für Bilder ist das die richtige Lösung um mit den Bildern zu gehen.

[Boris]

Es ist doch egal, was bei Eigenschaften steht - es ist Fakt, dass die CSS Angabe 100% bereits dazu führt, dass das Bild "bearbeitet" wird.

[Corsachriz]

Ja sowas habe ich mir schon gedacht. Mhh, dann muss ich mal schauen was mache.

Danke dir erst einmal

Chriz