kostenloser Webspace werbefrei: lima-city

Bild auf die Breite des Bildschirms Skalieren

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   kill-a-teddy

   

   kill-a-teddy hat kostenlosen Webspace.

   9:22, 23.1.2012

   Ich weiß jetzt net, ob die Überschrift so passend ist, tut mir leid wenn nicht.
   
   Zum Problem:
   Ich möchte ein Bild einbinden (check) und es dann an die Breite des Bildschirmes anpassen und zwar egal wie groß der Bildschirm ist (fail)...
   
   

   #contents span.header, #contents h3, #contents ul li, #contents div.blogs span {
   	background: url(../images/interface.jpg) no-repeat;
   	width: 100%;
   }

   
   
   In den Zeilen stehen später praktisch alle Einstellungen für den content bereich..
   
   Wie realisiere ich mein Vorhaben? Wie weit das Bild skaliert wird ist egal, wird später eh durch eine svg (vektor) grafik ersetzt.

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. thomasba

   Co-Admin

   thomasba hat kostenlosen Webspace.

   9:55, 23.1.2012

   In CSS3 gibt es das Attribut

   background-size

   
   
   Bsp.:
   

   background: url(../images/interface.jpg) no-repeat;
   background-size:cover;

   
   
   Mehr Infos dazu: http://www.css3.info/preview/background-size/
4. Autor dieses Themas

   kill-a-teddy

   

   kill-a-teddy hat kostenlosen Webspace.

   10:22, 23.1.2012

   Thanks, das wars schon, was ich gesucht hatte. :)
   
   
   Kann geschlossen werden :D

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?