Grafik in Box als Background einfügen

  • Hallo,
    ich möchte gerne eine Grafik als Background in eine Box einfügen bzw. den bestehenden Code soweit umschreiben, damit es als Hintergrund steht (zwecks Weiterbearbeitung)

    Momentan habe ich das Bild mit folgendem Tag eingebunden:

    HTML
    <img width="780" height="450" alt="webdesigninfo-banner" src="content/take-off.jpg" style="width: 779px; height: 500px;">

    Kann mir jemand sagen wie ich das anstellen soll, bzw. kann jemand den CSS Code und/ oder HTML mitteilen?

    Der Link zur Seite:
    http://www.travelways24.com/

    (es handelt sich um die Grafik mit dem Flugzeug)

    Über Hilfe wäre ich dankbar!

  • HTML
    <div style="background-image:url(content/take-off.jpg); width:779px; height:500px;">Lorem ipsum doror sit amen...</div>

    Something big is coming. And there will be pirates and ninjas and unicorns...

  • Danke, damit hat es geklappt. Allerdings ist die Grafik jetzt leider ein wenig rechtslastig dagestellt (das Flugzeug ist nicht mehr zentriert sondern leicht rechts dargestellt). Wie kriege ich das jetzt wieder in die richtige Position?

  • ...also mittlerweile habe ich mit der Breite und Höhe gespielt aber ich bekomme das Bild nicht mehr so hin wie zuvor. Das Flugzeug ist mit den vorherigen Höhe und Breite-Angaben gar nicht mehr zu sehen, lediglich wenn man die Höhe verändert aber dann wird das alles zu grossflächig! Das gleiche Resultat ist auch wenn ich die Grafik per CSS einfüge. Hat jemand ne Idee wo man das vorgeben bzw. regulieren kann oder muss ich die ganze Grafik verkleinern (sie ist ohnehin schon gross geraten) ?