Textbox auf Bild - Position absolute

[3iggy]

N'abend,

ich stehe grad komplett auf dem Schlauch.

Ich habe auf einer Website ein Bild, dass sich über die komplette Breite erstreckt. Darüber soll an einer fixierten Position Text und ein Link sitzen. Nun ist es so, dass der Text inkl. Link zwar immer an der selben Position sitz, aber nicht mit verschoben wird, wenn ich die Breite des Browserfensters ändere.

Hier mal der Code:

<div class="bild"><img src="img/bild.jpg" alt="Titelbild" /><div class="bild_article">Text<br><br>
<a href="link.html" title="">Link</a></div>
</div>

Und das CSS:

.bild {
width:1000px;
height:auto;
margin-left:auto;
margin-right:auto;
color:#fff;
background-color:#000;
}

.bild_article {
font-family:Arial, Helvetica, sans-serif;
font-size:50px;
color:#fff;
position:absolute;
top:250px;
left:600px;
text-align:right;
width:400px;
}
.bild_article b {color:#4591d6; font-weight:bold;}
.bild_article br {margin-bottom:25px;}
.bild_article a {
border-radius:10px;
background-color:#999;
color:#fff;
text-shadow:1px 1px 1px #333;
font-size:25px;
text-decoration:none;
padding:25px 25px 20px 25px;
}

.bild_article a:hover {box-shadow: 0 0 1px #000; background-color:#F00}
.bild_article p{color:#fff; font-size:9px; margin-top:18px; margin-right:30px;}

Wer hilft mir vom Schlauch? Danke!!!

 

[djheke]

dein div-container braucht ein position:relative;

 

[3iggy]

Ah, Danke!