Re: FN-FORUM: CSS positioning / hacks

date posted 9th August 2007 11:13

I remembered that Eric Meyer says in his books that IE7 goes bonkers
with negative margins. Looking at a fix he gives for one of his examples
I think you need something like this. You change the margin back to 0px
in the original rule and then add another rule
html>body img#sticker {margin-top:-60px;}

Hope that does the trick.
Cheers
Vicki

Ali Walker wrote:
> Hi,
> I've been lurking for a long time now, and have suddenly hit a
> pain of a problem with my CSS - I've tried Googling for hacks for it,
> but had managed to avoid hacks in the past and am getting REALLY
> confused about what I need to do, especially as some of the hacks don't
> now work on IE7. Can anyone help?
>
> I have an image at the top of my site (www.gbktest.co.uk/vobiz)
> which is rendering in the right place on my Mac (Safari & Firefox),
> but just ain't working in IE7 for PC - seems to work ok for Firefox on
> PC though. The rule I have is:
>
> img#sticker {position:absolute;margin-left:550px;margin-top:-60px;}
>
> It really confused me that I'd have to use a negative margin in the first place with Firefox on the Mac - any
> ideas on how I can get it into the right place for IE as most of our users are going to be IE/PC based!
>
> Thanks very much
> Ali
>
>
>
> ___________________________________________________________
> Yahoo! Mail is the world's favourite email. Don't settle for less, sign up for
> your free account today http://uk.rd.yahoo.com/evt=44106/*http://uk.docs.yahoo.com/mail/winter07.html
>
>