Bilder einstellen

[chuvak]

Ich platziere meine Bilder meistens so:

<style>
#div1 
{
background: url(bild1.png);
position: absolute;
top: 100px;
left: 200px;
}
</style>
<div id="div1"></div>

Die einfachere Möglichkeit wäre einfach:

<div><img src="bild1.png"></div>

Gibt es zwischen den Möglichkeiten irgendeinen Unterschied? Z.B. für den Benutzer, Suchmaschinen, usw.?

 

[frankys9]

Hallo ewgeni,

was du oben schreibst sind zwei verschiedene Paar Schuh. Der 1. Code Schnippsel setzt dein Bild in den Hintergrund, beim 2. wird das Bild direkt im Container platziert aber nicht im Hintergrund.

Beschreib mal genauer was du machen möchtest bzw. was du meinst.

 

[Maik]

Hi,

für den Seitenbesucher gibt es da zunächst mal keinen sichtbaren Unterschied; ein Bild bleibt ein Bild, ob nun als Hintergrundbild, oder mittels des <img>-Elements eingebunden.

Da du aber das <div>-Element mit einer absoluten Positionierung aus dem normalen Textfluß nimmst, ihm aber keine Breite und Höhe mit auf dem Weg gibst, wird der Besucher von dem Hintergrundbild nichts zu sehen bekommen.

Suchmaschinen hingegen wollen den Inhalt einer Website indizieren, aber ein inhaltsleeres <div>-Element im HTML-Code hat da wenig bis garnichts zu bieten.

mfg Maik