Hi, I am doing a website for a client and I am testing now, but I found some strange issues. I had some IE issues that I solved with the _margin-left. My website works perfectly now in FF, Chrome, Safari, Opera and IE for windows, but my client saw display issues in Mac (guess Safari).
The website appears to be cut off in the top for about 100pixels lost in the black background and down since the middle of the website. This is the test website: link text
I have no access to Mac, so could anyone have some debugger in Mac to show if its a javascript or css problem?
Thanks in advance
4 answers
points
Looks fine to me in both Safari and Chrome on OSX 10.6.7
If you can you post screen shots of what it should look like I'll compare, but I can't see anything obviously broken
points
Thanks for checking, of course.
Testers send me this picture
but the real thing must see like this: 
- Have they specified which browser they are using and which version of OSX?
points
They don't have the Century Gothic font installed on their machine for the main menu so it is using the fall-back font you specified which is Verdana. If you look at it on your PC with Verdana it looks the same way. You should specify a different fall-back font here that isn't as thick so it will fit as well as Century Gothic does.
points
That's not really a problem. My client asked me to have Verdana as the second option, so if someone don't have it installed could jump to Verdana. Weird anyway because the font is installed and called via css in the server, so even if someone don't have it, Verdana will be called. Anyway, that is a problem that even as cause me curiosity don't make really a problem, but the cut size height of the web.
