Bilder sind zugeschnitten

Diskutiere Bilder sind zugeschnitten im HTML Forum im Bereich Programmierung; Bitte löschen
  • Bilder sind zugeschnitten Beitrag #1
R
Razerrr
New member
Beiträge
1
Punkte Reaktionen
0
Bitte löschen
 
Zuletzt bearbeitet:
  • Bilder sind zugeschnitten Beitrag #2
W
Webdesigner
Active member
Beiträge
35
Punkte Reaktionen
0
Das Bild ist in einem Container ("div") drin und wird dort als Hintergrundbild aufgerufen. Der Container ist nur 565 x 315 Pixel groß.

Hier der Code dazu:

<div id="like" style="width: 565px; height: 315px; background: url('images/pics/badfa112981a2eb18c8e10cfcc937061.jpg') center center no-repeat;">

Das Bildmaterial ist aber 614 x 998 Pixel groß.
Da nützt es auch nichts, dass der innere Container auf 100%-Größe gestellt ist.

<div style="width: 100%; height: 100%; background: url('images/clear.gif');"></div>

Das "center center" im oberen Code bewirkt, dass der zu sehende Ausschnitt mittig zentriert wird.

Falls es CSS3 sein darf, wäre background-size:contain oder background-size.cover eine Lösung. Oder die Bilder zurechtschneiden. Das spart Ladezeit.
 
Thema:

Bilder sind zugeschnitten

Oben Unten