views incorrectly on mac

blckspder

Hello,
I just finished converting this site to PHP, It views perfectly with IE, but in mozilla, and safari on a mac there are 2 gaps that appear the site is still functional however. One gap is at the very top of the site, The pic that says sono-tek should be touching the very top. The the pic above the menu is split in 2 but there isnt suppose to be a gap behind that either. Is this because of the include I did for the menu? Is there a way to fix it?? let me know if you need to see the code. Thank everyone.

Norman_Graham

Hi Blckspder

Since you have posted neither the website nor the code, nobody can help you. If it works in IE but not in other browsers, it must be a browser-compatibility, i.e. HTML, question.

Norm

blckspder

http://www.sono-tek.com

duh sry could have sworn I posted the url lol

bpat1434

It's a CSS issue. You use a <p> tag which inserts white-space in between elements unless you specify margin: 0; padding: 0; of the <p> element. That should fix the Firefox (Win) issue with a space between leftmenu_1a.jpg and leftmenu_1.jpg.

As for the breaking, it's not the include, it's either malformed CSS, or malformed tables. Validate your code through the w3c and that should solve many problems. Also, peruse some CSS forums for fixes to IE/Mac and IE/Win. Because Firefox and Safari are the most standard compliant browsers to date, you should code to them. Then, inject "hacks" or modifications for IE/Win.

One such "hack" is the famous IE/Mac Comment Hack. You do the hack like so:

/* IE/Mac Hack \*/
#unique_name{ background: #fff; }
/* This ends the hack */

~Brett

blckspder

cool thanks for the help