> Could you show me how to correctly position the image & overlay in
> the content-reserved portion in my example.
Hi Matt,
I'm not sure what you are asking me. One thing to remember is that absolute
positioning is from the next higher block element. If you want to absolutely
position within a portion of a table, try surrounding the table with a <div>
and position within that container:
<html>
<head>
<style>
img.stretch {
width: 250px; /* 300 - 50 */
height: 250px; /* 300 - 50 */
z-index: -1;
position: absolute;
top: 50;
left: 50;
}
div.overlay {
width: 100%;
height: 100%;
z-index: 1;
}
div.container {
width: 300px;
height: 300px;
z-index: 1;
position: absolute;
border: solid red 1px;
top: 150;
left: 150;
}
</style>
</head>
<body>
<div class="container">
<div class="overlay">Here is some text</div>
<img src="logo.jpg" class="stretch" />
</div>
</body>
</html>
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
