That's great! Using margins instead of relative positioning has placed the image in IE Mac too! What is this bug in IE/Win that you need "position: relative;" for?
On 05/10/05, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > Adam Morris wrote: > > Is there a way to accurately and seamlessly position this image over > > the background? > > > http://www.janelehrer.co.uk/uwish/girls.html > > .tornpic { > width:350px; > height:316px; > float: right; > margin: -113px -24px 0 0; > background: url(tornpic0.jpg) no-repeat; > position: relative; > } > > That's pulling the float into position by its margins. More robust and > cross-browser stable than 'rel-pos' and achieving the same. Note that > I've added 'position: relative;' anyway, in order to fix a bug in IE/win. > > IE/Mac will position the image correctly (like the other browsers). > However, there's a lot going on on the elements below, so neither IE/win > nor IE/Mac are lining up the text all that well. > > Delete 'width: xxx;' on #content and .contenttext p, and add 'padding: 0 > 30px 0 0;' on #content. That'll fix text line-up in IE/win, and partly > also in IE/Mac. > > Georg ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
