PNG zentrieren

[the_Stibä]

Ich habe ein ganz peinliches Problem nähmlich will ich mein Logo zuoberst zentriert auf meiner Seite (Startseite)platzieren. Wenn man auf das PNG klickt (nur das PNG selbst nicht der Raum darum auch) soll die seite weiter runter zum Thema Home scrollen.
Das scrollen funktioniert!Nur das bild habe ich als background-image in meinem "startlogo" div gehabt und somit konnte man einfach die gaze seite anklicken.
Nun meine Frage:
Soll ich das bild überhaupt als background-image anlegen oder einfach im html einfügen?
Hier der Code:
HTML:
<div id="start">
<a class="smoothScroll" href="#home">
<div id="startlogo">
<img src="logos/sm_logo_neu_klein.png" alt="Logo">
</div>
</a>
</div>
das bild im html einfügen?

Schon einmal danke viel mal ;)

 

[Beavis]

per css als background setzten
bsp:

<div id="startlogo" style="background-image: url("logos/sm_logo_neu_klein.png"); height:100%;">
inhalt
</div>

 

[the_Stibä]

hat leider nicht funktioniert, aber danke

 

[scbawik]

das bild im html einfügen?

Ich unterscheide meistens danach, ob das Bild ein Inhalt oder ein Teil vom Design ist.

Ein Logo ist für mich ein Inhalt, deshalb mache ich Logos immer mit <img>.
Hintergrundbilder, Schatten, Rahmen etc sind für mich Teil des Designs, deshalb füge ich diese auch mit CSS ein.

Ich denke darauf bezieht sich deine Frage, oder?

Ein <div> in einem <a> ist übrigens nicht erlaubt. (Das wird dann das Problem beheben, dass das gesamte Element angeklickt werden kann)

 

[prajuritbs]

So funktioniert es.

<div id="start">
<div id="startlogo">
<a class="smoothScroll" href="#home">
<img src="logos/sm_logo_neu_klein.png" alt="Logo">
</a>
</div>
</div>

 

[the_Stibä]

Das

So funktioniert es.

<div id="start">
<div id="startlogo">
<a class="smoothScroll" href="#home">
<img src="logos/sm_logo_neu_klein.png" alt="Logo">
</a>
</div>
</div>

Das zentriert aber mein Bild nicht.

 

[scbawik]

Du bist ja früh dran.

#startlogo {text-align:center;}

oder

#startlogo {
  margin-left:auto;
  margin-right:auto;
}

???