Rondra: Text auf Bild positionieren

Beitrag lesen

Hallo!

Weiss jemand, wie man einen Text fest über ein Bild positionieren kann ohne dass sich der Text beim Verkleinern des Browserfensters verschiebt? Ich habe das so gemacht, um versch. BildschirmAuflösungen zu berücksichtigen aber irgendwie bleibt der Text nicht fest auf dem Bild wenn man das Fenster testweise verkleintert oder in einer anderen Auflösung betrachtet. Das Bild an sich befindet sich in einer Tabellenzelle, der Text soll mittig auf dem Bild positioniert werden:
<td>
<div align="center">
<img border="0" height="22" src="bild.gif">
<script language="Javascript">
if (screen.width == 1024)
document.write("<div style='position:absolute; top:10px;left:100px;'>Text</div>");

else if (screen.width == 1152) .... usw

</script>
</div>
</td>

mit position:relative macht er unter dem Bild eine leerzeile und schreibt den Text darein! Warum auch immer!

Ich habs auch schon mit background-image versucht aber dann wird das Hintergrundbild verkleinert. min-height bringt nichts. Die Höhe soll fest sein, aber die Breite je nach Textlänge variieren. Habe die CSS-position-Seiten hier bei selfhtml hoch und runter-ausprobiert aber die positionierung will nich klappen. Auch als TD-Hintergund hab ichs ausprobiert. Das bild wird immer verkleinert.
Vielleicht kennt jemand das Problem oder ich seh den Wald vor lauter Bäumen nich mehr..
Danke für jede Hilfe!!!
Rondra