Page 1 of 1

IE6 Picture shift.

Posted: Sat Feb 03, 2007 2:02 am
by keithbrook
Hi lovely people.

Again, a problem that I don't understand.

I've pictures within the text of some my pages. I'm using Firefox and IE7 to preview these pages. Everything is fine.

Tonight I saw them on IE6. The pictures jump when I hover over another link, as long as it's the first time on that page.

I've searched this forum but I can't find anything.

I'm using the standard templates and CSS with a few minor (I hope) changes  and I've changed the following in 'Layout Left sidebar + 1 column' to give me some space around the images.

img {
  border: 0;
  margin: 10px;
}

And , yes, I've tried padding as well.

What am I doing wrong?

My site is www.keithbrook.com - please don't laugh!!!!!

Thanks in advance.

Keith

Re: IE6 Picture shift.

Posted: Sat Feb 03, 2007 2:58 am
by Dr.CSS
It's called the 3px jog, search the forum for it, I've seen reference to it before, don't remember the fix ATM...

Re: IE6 Picture shift.

Posted: Sun Feb 04, 2007 7:12 pm
by keithbrook
Thanks Mark.

I had a vague recollection of something like the 3px jog but didn't know its name.

Thanks for pointing me in the right direction.

After reading loads about this, I tried a little guesswork and added 'height:1%' to 'div#main' in the 'Layout: Left sidebar + 1 column'

That seems to have solved the problem. I can't test on a Mac but if anyone can look at my website, I'd be grateful.

Many thanks again

Keith

Re: IE6 Picture shift.

Posted: Tue Apr 10, 2007 1:46 pm
by reidjazz
keithbrook wrote:
That seems to have solved the problem. I can't test on a Mac but if anyone can look at my website, I'd be grateful.
Looks good in FireFox 2.0.0.1 and Safari 2.0.4
reidjazz

Re: IE6 Picture shift.

Posted: Tue Apr 10, 2007 3:42 pm
by KO
http://www.browsrcamp.com/ That's pretty cool for quick testing.

Re: IE6 Picture shift.

Posted: Tue Apr 10, 2007 4:55 pm
by keithbrook
Many thanks RJ and KO for your inputs. Much appreciated.

Keith