PDA

View Full Version : Problems with Mac, apparently


Untitled
04-01-2004, 10:23 PM
I’m developing this website http://www.zoomexposure.com for a friend of mine, and the image gallery pop-ups, apparently, don’t work properly in IE on Macs although they work perfectly on windows machines with IE. Do any of you have this problem? (pop-ups trim 1/4 of the image) If so, do you know how to fix it?

I’ve tested it on IE 6 and NS 4.7 on a windows machine. If you could test it on your computer and tell me if it works correctly, or at least functionally, that would me much appreciated as well.

Thanks

bradyj
04-02-2004, 12:38 AM
No, It doesn't work too well in mac IE -- Safari, Firefox, and OmniWeb hold it fine. Not too many Mac users use IE though, so I wouldn't worry about it too much.

Either way, though, you need a DOCTYPE in your code. I don't care for the CSS on the scrollbar. And why not put your font face tags in the CSS?

Untitled
04-02-2004, 07:48 PM
Thanks. BTW, What's a DOCTYPE? And How would I put the font face tags in the CSS?

bradyj
04-02-2004, 08:11 PM
Here's a few articles on Doctypes:
http://www.alistapart.com/articles/doctype/
http://www.w3schools.com/tags/tag_doctype.asp

A DOCTYPE tells the browser what code you used on the page, and how it should read it. The web still works without them, but a browser often improves by holding your web code to the standards you used to create it in the first place. It often times improves the browsers performance with your website as well.

If you are using HTML you could have:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
...for your typical HTML page that uses depricated tags (like your font face) and others
.
Or if you are using frames you'd use:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Or if you're using a really nice and clean HTML without any depricated tags you'd use:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

There are XHTML versions as well:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Check out the source code on this web forum, and you'll see one. Read up on those articles and it'll help you.

And to put the fonts in your CSS code, name them like this:
<p style="word-spacing: 0; margin-top: 0; margin-bottom: 0"; font-family: Verdana, Arial, sans-serif;>
Like you had in your code.

You could also change all your paragraph tags to use that font on every page you have linked to your CSS style sheet:
p {font-family: Verdana, Arial, sans-serif;}
And place that in either a seperate style sheet linked to your document, or in the head of every HTML doc you use. Check out w3schools.org that I posted above. On their home page they have a nice step by step CSS tutorial that takes maybe 10 minutes or more and you will learn a lot of cool stuff like that. Does that help? :thumbsup:

bradyj
04-02-2004, 08:17 PM
By the way -- I like the www.beyondretro.com site you did, good design work. From a designers look, I like the clean images on the dark background, it pops well -- and the central intro navigation (the bar) is a neat way to balance the readers eyes. Dig it :cool:

Untitled
04-03-2004, 05:31 AM
Thanks a lot, you’ve been really helpful. Oh, and thank you, always nice to hear what and experienced web user thinks, especially if it’s positive.

P.S. I’m not crazy about CSS scrollbars either, I almost never use them, but that’s what he wanted, so that’s what he got. I tried to use colours that were similar to the old windows defaults, nothing too crazy!