css sculptor page browser issues

7/28/2009 10:23 am | #1 skyll237680

I have two pages I created using CSS Sculptor and CSS Menu Writer.

Here's the first page deanco.iongraphics.com/
It seems to work fine in FireFox & Explorer on PC, as well as FireFox & Safari on Mac. I also tested it on my other older MAC with other older FireFox, Safari & Explorer for Mac browsers--and the only older browser version it was a disaster in was Explorer for Mac. But everything else was great.

Here's the second page contact.php
Again, it seems to work fine in FireFox & Explorer on PC, as well as FireFox & Safari on Mac. But when I tested it on my other older MAC with other older FireFox, Safari & Explorer for Mac browsers--those 3 browsers were a complete disaster. Totally screwed up. This page has the Contact Form Solution Pack form on it, but that is not causing the problem--here is a page exactly like the second page, but before the contact form was applied to it contact2.php So it is not the Contact Form Solution Pack causing the problems.

I'm under a lot of pressure to finish this site, so I hope it's something simple to fix. Any help appreciated!!!

thanks

7/28/2009 12:51 pm | #2 skyll237680

just wondering...would it have anything at all to do with the fact contact.php which is not working in some of the older browsers on my older Mac resides on the server inside of the folder ContactForm_GMC? Because it doesn't seem to be able to locate the background image or some of the CSS styles from the imported stylesheet. However in all of the newer browsers on my PC and also on my newer Mac computer, it seems to be finding things fine...doesn't seem to be having any problem displaying everything correctly. I'm really perplexed.

7/28/2009 1:14 pm | #3 skyll237680

even stranger, I have the same version of FireFox 3.0.12 on both of my Macs. The old Mac is running OSX 10.4.11 operating system and the newer Mac is running OSX 10.5.7 operating system. But both Macs are running FireFox 3.0.12.

Both Macs display deanco.iongraphics.com/ correctly in FireFox 3.0.12

But, this page: contact.php only displays correctly on my new Mac, it's a total mess on my old Mac, even though BOTH Macs are using the same version of FireFox 3.0.12

I don't get it. Why do both display the first page correctly, but only one display the second page correctly. Makes no sense.

7/29/2009 9:02 am | #4 Ray BorduinWebAssist

It seems to display correctly for me. Might be a problem with your old Mac.

Anybody else have this problem? It doesn't appear to happen on PC.

Did this help? Tips are appreciated...

7/29/2009 10:39 am | #5 Justin Nemeth

I'll also point out that Internet Explorer on Mac has been unsupported by Microsoft for quite a few years now (i'm guessing 5+ years). So, there is really no reason to support that platform, plus its probably not possible with today's techniques.

Have you run the pages through Web Standards Advisor or the W3C validator and see what (if any) errors are produced? That might lead you in the right direction.

7/29/2009 12:31 pm | #6 skyll237680

doctype

I won't worry about Explorer for Mac, you're right probably noone uses it.

I ran the W3C validator yesterday wondering if that would help. Among the 40 errors! several were caused because it did not like was the doctype. the page was created using CSS Sculptor and it inserted this doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

If I switch the other one out and use this one instead it doesn't throw as many errors:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Question: should I change the doctype to the one that doesn't identify as many errors? Or does CSS Sculptor page have to have the one that it generates?

7/29/2009 2:47 pm | #7 Justin Nemeth

The 2 doctypes you have listed appear to be the same? On the output tab for Sculptor, you can choose what doctype to use, it just defaults to XHTML strict. In general, I like to code XHTML strict myself since that should help with browser compatibility. If you are not used to strict, you can try Transitional and see if that cuts down on the errors.

A simple web search will give more info, but here are some basic differences between XHTML and HTML 4:
- all tags and attributes should be lowercase
- all tags need a closing tag (i.e. <img> would be <img /> in XHTML)
- the structure is a little more strict, the validators will catch stuff like that for you

7/31/2009 7:22 am | #9 skyll237680

EUREKA! works on OSX 10.4.11 now

In case this will help someone else, I discovered why my contact form page was not working on my older Mac with OSX 10.4.11

Apparently CSS Sculptor I used, creates an "@ import URL" to attach the CSS files, and while that worked on my newer Mac and most PCs I tested on, @importURL will only work in the "root" of the site but not when it's in a subfolder (and I had all the contact form solution pack files in a subfolder) when you are using OSX 10.4.11

So all I did to fix the problem was change how the external CSS files were linked, and now IT WORKS!!! I'm so relieved, because there are probably a lot of people out there who still use Mac OSX 10.4.11 because it really isn't that old of an operating system.

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

css sculptor page browser issues

7/28/2009 10:23 am | #1 skyll237680