nicht angemeldet
hallo,
ich habe ein <div> indem nur ein bild eingeschlossen ist.
diesem div habe ich per height: eine bestimmte höhe zugewiesen (wegen einem hintergrundbild des div's).
das bild in dem div ist weit weniger hoch als das div selber,
sodaß es immer am oberen rand "klebt" - wie kann ich dieses bild dazu bringen, sich vertikal in dem div zu zentrieren ?
vom code her sieht das so aus:
<div id="header">
<img src="header.jpg" height="50px" width="100px" alt="Header">
</div>
css:
#header {
height:200px;
background:url(header-bg.jpg);
}
klar kann ich das logo auch 200px hoch machen, bzw. genauso hoch wie das div (oder die HG-Grafik), aber das will ich eigentlich nicht.
das HG-Bild soll auswechselbar bleiben und auch unterschiedliche höhen haben sollen, ohne das ich dabei auf das bild in dem <div> rücksicht nehmen müßte.
aber irgendwie will das nicht so recht klappen?
vertical-align:middle klappt nicht und line-height genausowenig?
könnte ihr mir da auf die sprünge helfen?
grüße,
daniel