Größe des DIVs an Hintergrundbild anpassen

[Rostgnom]

Hallo Community,

ich hab ein DIV, das links vom Content-Bereich angebracht ist. Es soll mir nun als Hintergrund dienen, d.h. es soll ein Bild anzeigen. Per <img> will ich es nicht machen, da sonst ja dieser obligatorische Rand erscheint (es soll bündig an den Linken Browserrand grenzen). Deshalb meine Frage: Wie kann man die Größe eines Divs an sein Hintergrundbild anpassen?

Hier die Lösung mit dem <img>-Tag: Rebecca Hart

 

[Efchen]

Ob Du ein Bild per <img> oder als background-image einbindest, liegt daran, ob es sich bei dem Bild um Content handelt oder nicht. Content wird per HTML eingebunden, Design per CSS.

Der "obligatorische Rand" kommt nur, wenn Du ein Bild als Link einbindest, das zur Verdeutlichung, dass es ein Link ist. Abstellen kann man das per CSS problemlos. Diese Überlegung ist an der Stelle irrelevant. Wenn man keinen Rahmen will, muss man ihn abschalten, so ist das überall. Und wenn Du mit "Rand" den Außenabstand meinst, auch den muss man abschalten, wenn man ihn nicht will.
In CSS gilt immer: Eigenschaften, die Du willst, musst Du explizit angeben, solche die Du nicht willst, musst Du explizit abschalten. Denn es gibt keine Vorschriften, wie ein HTML-Element per Default mit CSS formatiert wird, nur Empfehlungen.

Und nun noch zur eigentlichen Frage: Du gibst dem div einfach die Größe, die das Bild hat. Die weißt Du ja.

 

[prm]

Um den Rand zu vermeiden ist es egal, welche Variante du wählst.
Der verschwindet, indem du body noch

margin: 0;

zuweist.

 

[Rostgnom]

Um den Rand zu vermeiden ist es egal, welche Variante du wählst.
Der verschwindet, indem du body noch

margin: 0;

zuweist.

Danke!! Ich hatte margin: 0; in meinem DIV-Tag :grin: