I need to somehow vertically and horizontally center the image, then vertically center the text on top of it. If you have a solution I’d gladly implement it.
Tatham...
Did you look at my suggestion for using negative margins and relative positioning?
I've had a look at it in both Firefox 1.0 and IE6.0 SP1 and it renders exactly the same as the tablular verison:
And with minimal code changes too
[Code]
#content {
width: 940px;
height: 440px;
background: #bfd8f1 url(images/IndexPanelBackground.jpg) no-repeat center center;
position: absolute;
margin-top: -220px;
margin-left: -470px;
top: 50%;
left: 50%;
}
[/code]
aaand:
[code]
<body>
<div id="content">
<dl id="navlinks">
<dt><a title="Sydney Life - Out on the social circuit" href="http://www.e-oddie.com/sydneylife/";>Sydney Life »</a></dt>
<dd>out on the social circuit</dd>
<dt><a title="My Life - Comming soon" href="http://www.e-oddie.com/mylife/";>My Life »</a></dt>
<dd>coming soon</dd>
<dt><a title="Geeky Stuff - c# and other tech bits" href="http://www.e-oddie.com/blog/professional/";>Geeky Stuff »</a></dt>
<dd>c# and other tech bits</dd>
</dl>
</div>
</body>
[/code]
HTH -david r
****************************************************** The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
