Hey,
I have been doing the front dev for a site and I wanted to see how the page looks on my GF's mac book.
I use an 20 Imac and the page works perfectly across Firefox / Safari and Opera.
However, when I opened the page on the mac book (2.4 duo core 2 10.5.5) running Firefox 3.4 there seems to be some issues with the way its scaling or rendering parts of the page.
I'm using a simple image replacement sprite technique:
html:
<a href="#">Place</a>
.
Css:
a {
display:block;
text-indent; -9999px;
background-image: etc
background-position: top left;
width:200px;
height:200px;
}
a:hover {
background-position: top right;
}
Ok so that all works fine on my com and my friends com across F / S and O browsers.
The problem on the macbook and just this macbook so far as I can tell (have asked different friend with macbook to test and they report no signs of the issue) is that the width is being displayed just slightly wrong so that when one roll's over the link, the image changes but you can see a little of the other part of the image that should be hidden by the width: window thats created.
Can anyone give me a hand with this? Its worrying because I don't want the site to look wrong for macbook users!!!
Thanks for your help.
Andy.
I have been doing the front dev for a site and I wanted to see how the page looks on my GF's mac book.
I use an 20 Imac and the page works perfectly across Firefox / Safari and Opera.
However, when I opened the page on the mac book (2.4 duo core 2 10.5.5) running Firefox 3.4 there seems to be some issues with the way its scaling or rendering parts of the page.
I'm using a simple image replacement sprite technique:
html:
<a href="#">Place</a>
.
Css:
a {
display:block;
text-indent; -9999px;
background-image: etc
background-position: top left;
width:200px;
height:200px;
}
a:hover {
background-position: top right;
}
Ok so that all works fine on my com and my friends com across F / S and O browsers.
The problem on the macbook and just this macbook so far as I can tell (have asked different friend with macbook to test and they report no signs of the issue) is that the width is being displayed just slightly wrong so that when one roll's over the link, the image changes but you can see a little of the other part of the image that should be hidden by the width: window thats created.
Can anyone give me a hand with this? Its worrying because I don't want the site to look wrong for macbook users!!!
Thanks for your help.
Andy.
