[Skatan]

Det är inte första gången jag sitter här och försöker lägga en DIV i botten av en annan med alltid slutat med en tabell med valign="bottom" för jag inte hittat lösningen. Tyvärr verkar inte tabell hjälpa mig denna gången.

Jag vill lägga en div som består av en bild, och ovanför denna skall det vara en ruta med text, alltså en ny DIV. Denna rutan vill jag skall lägga sig i botten av bilden, problemet är att det är många bilder med olika höjder så därför kan jag inte placera den med "top".

Så här ser min kod ut idag:

#image {
 position:relative;
 width:680px;
 height:auto;
 margin-right:0px;
 margin-bottom:5px;
 float: center;
}

#tex5 {
 position:absolute;
 top:0px;
 left:0;
 width:680px;
 height:100%;
 padding:0px;
 background:#000;
 
}

#text {
 filter: alpha(opacity=70);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
 -moz-opacity: 0.70;
 opacity:0.7;
}
#words {
position:absolute;
 top:210px;
 left:0;
 width:380px;
 height:42px;
 background:transparent;
 padding:5px;
 text-align:center;
}

<div id="image">
<img src="bild.jpg" border="0"></a>"
Response.write "<div id=""text""></div>"
Response.write "<div id=""words"">TEXT</div>"
Response.write "</div>"