Hi an alle,

da mein letzter Thread irgendwie unterging und keine wirkliche Lösung dabei herauskam, stell ich nun nochmal konkret das Problem und hoffe auf einen Lösungsweg.

(btw: wird ein Thread hier schon nach 2 Tagen geschlossen und weggepackt? Er landete gleich im Archiv und ich konnte nicht mehr weiter darauf antworten)

Also, nun zu der Hürde vor der ich stehe und die ich trotz Recherchen nicht lösen konnte:

Ich habe ein Div das vollständig von einem Bild ausgefüllt sein soll (no-repeat).
Das div ist 'resizable', d.h. das Bild muss width und height 100% haben, da es immer exakt das ganze div ausfüllen soll (über background-image klappts also nicht).
Auf/über dem Bild möchte ich Text schreiben.
Zwei Worte, untereinander, horizontal und vertical im Bild zentriert.
Immer zentriert, also auch bei einem 'resize'.
Wie der Text hineinkommt ist egal. Also ob in einem zusätzlichen <div>, <p> oder sonstiges. Hauptsache man kann ihn zentrieren.
(vertical-align z.B. funktioniert nicht immer)

Ich hab schon lange mit sämtlichem standard align=center, text-align, position ect. rumprobiert, aber immer passt irgend eine Eigenschaft mit der anderen nicht zusammen und ich komme nicht auf das gewünschte Ergebnis.

Ich wäre sehr dankbar wenn da jemand ne Lösung parat. Is ja eigentlich kein Hexenwerk das ganze und müsste doch irgendwie machbar sein.

Gruß,
ak-swiff