nicht angemeldet
line-height hatte ich auch schon versucht - dabei entstehen ja aber rechts und links vom Bild auch noch unschöne Streifen. Eine Kombination mit negativen margin-Werten ist mir aber etwas zu riskant, da ein Leerzeichen abhängig von der Schriftart eine variable Breite haben kann...
line-height funktioniert auch ohne Leerzeichen, wenn du statt des DIVs einen Paragraphen <P> benutzt. Allerdings klappt das nur im IE...
Der mE beste Weg, Bilder (die man nicht skalieren muss) zu zentrieren, ist sie nicht als Image einzubinden, sondern als Hintergrundbild.
Wenn du jedem DIV einfach das entsprechende Bild mit background-position:center; zuweist, sollte es in deinem Szenario wunderbar funktionieren.
Ja, ich denke, ich werde es (vorerst) mit dem Hintergrundbild lösen. Wobei ich tatsächlich daran gedacht habe die Bilder in ähnlicher Weise (aber anderem Kontext) skaliert zu verweden. Aber anscheinend gibts dafür keine universelle Patentlösung... oder? Zur Not muss ich dann halt den Balken ins Bild integrieren.