Question

I have a table, and one of the cells has dynamically generated content.

I want to have a background image that is exactly the same size as the cell. (ie not tiled, but stretched).

I’ve found a very good reference here, which tells you how to do it in Javascript. This example solves the problem by placing an HTML DIV on the top and the bottom of the cell, then getting Javascript to work out the vertical pixel difference between them.

The biggest problem was that I declare the image as

    <asp:Image ID="imgContentsBackground" CssClass="ContentsBackground" runat="server" ImageUrl="~/Images/MoneyColour3.jpg" />

but for some reason ASP.NET arbitrarily renamed the ID from “imgContentsBackground” to “ctl00_imgContentsBackground”. Once I hardcoded that ID in the Javascript, the referenced example worked for me.

But I’m thinking – given the rich functionality of ASP.NET, is there a simpler way to determine the size and position of a table cell once the content has been generated, and make an image occupy those dimensions?

Answer 1

if hard-coding the generated name solves it then why don’t you try this:

<%= imgContentsBackground.ClientID %>