HELP! Safari Browser Incompatibilities

03 Nov 2007, 01:22

#1

New Zenner

Join Date:: Sep 2007
Posts:: 13
Plugin Contributions:: 0

HELP! Safari Browser Incompatibilities

Hi, I'm not a Mac user, but one of my friends mentioned that my site looks funny in the Safari Browser. Sure enough, in Safari my entire 'Header Area' is below the 'Footer' Everything is fine in Firefox and IE

See a Screen Shot Here.

http://www.rubycoast.com/images/SafariBrowserTest.jpg

I'm thinking it will be an easy fix, I just have no idea how I would even try to fix it. Any help would be appreciated. THANKS

03 Nov 2007, 02:40

#2

nimbuz

Zen Follower

Join Date:: Oct 2007
Posts:: 291
Plugin Contributions:: 0

Re: HELP! Safari Browser Incompatibilities

Safari is known to stop rendering the page on even a single parse error. Validate your HTML and CSS to clear any (parse) errors.

Simple as that. :-)

03 Nov 2007, 05:27

#3

thread486

New Zenner

Join Date:: Sep 2007
Posts:: 13
Plugin Contributions:: 0

Re: HELP! Safari Browser Incompatibilities

Hi, I went to validate my HTML and CSS. My HTML does have some errors, Click Link Below to see them.

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.rubycoast.com%2F&charset=%28detect+automatically%29&doctype=Inline&ss=1&outline=1&group=0&No200=1

I'm a little confused by the errors, as most of them are the same type:

"end tag for "br" omitted, but OMITTAG NO was specified"
"XML Parsing Error: Opening and ending tag mismatch: br line 46 and div"

and I'm just not sure what they mean, or how to fix them. Here are the CSS errors, Click Link Below:

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Frubycoast.com%2Fincludes%2Ftemplates%2Fdelta-886%2Fcss%2Fstylesheet.css&warning=1&profile=css21&usermedium=all

I only had 5 errors, and they were all "Property line-min-height doesn't exist" Which I also am not sure how to fix. If anyone has any advice, I would greatly appreciate it. THANKS :D

03 Nov 2007, 05:59

#4

nimbuz

Zen Follower

Join Date:: Oct 2007
Posts:: 291
Plugin Contributions:: 0

Re: HELP! Safari Browser Incompatibilities

Yep, atleast fix all the "parse" errors in HTML and all should be fine.

03 Nov 2007, 06:55

#5

website_rob

Inactive

Join Date:: Oct 2006
Posts:: 4,572
Plugin Contributions:: 0

Re: HELP! Safari Browser Incompatibilities

Line 46, Column 40: end tag for "br" omitted, but OMITTAG NO was specified.
<br style="line-height:25px;">

When using Zen Cart or any Web page coded with XHTML actually, all 'br' tags must end like so: <br />

So your line becomes: <br style="line-height:25px" />

---

"Property line-min-height doesn't exist"

Dead giveaway for a Template Monster Theme. :wink2:

You will have to remove that code and probably, replace with with line-height: xxpx - where 'xxpx' equals whatever spacing you want to use.

03 Nov 2007, 21:09

#6

thread486

New Zenner

Join Date:: Sep 2007
Posts:: 13
Plugin Contributions:: 0

Re: HELP! Safari Browser Incompatibilities

Hi, I went through and fixed ALL the HTML errors. Click Link Below to see verification.

http://validator.w3.org/check?uri=http%3A%2F%2Frubycoast.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

My site still is not working in Safari. I have semi isolated the problem. I know the problem is within the temple I am modifying. I switched back to the Classic Zen Cart template and that template works fine in Safari. I don't know what this means, but I think we're making progress.

ALSO, I tried uploading the original CSS file from my template, this did not change anything, so I think we can eliminate my personal CSS changes. I'm thinking that this still could be a CSS problem though.

Maybe someone can tell me what CSS situation would cause this, OR which Zen Cart PHP files I need to start looking in for errors. Again any help is greatly appreciated. THANKS :D

03 Nov 2007, 21:31

#7

kim

Obaa-san

Join Date:: Jun 2003
Posts:: 26,564
Plugin Contributions:: 0

Re: HELP! Safari Browser Incompatibilities

You need to go back to the folks you bought the template from. Commercial templates are not supported here. They built it - they should fix it.

03 Nov 2007, 22:40

#8

thread486

New Zenner

Join Date:: Sep 2007
Posts:: 13
Plugin Contributions:: 0

Re: HELP! Safari Browser Incompatibilities

Hi, thanks for the advice. I will contact the company that made the template and have them fix it. Guess I just should have done that to begin with. THANKS EVERYONE :D

04 Nov 2007, 09:50

#9

website_rob

Inactive

Join Date:: Oct 2006
Posts:: 4,572
Plugin Contributions:: 0

Re: HELP! Safari Browser Incompatibilities

It's interesting to note that just like Browsers, some Validators provide or leave out information.

Although it appears your code Validates, it does not.

Regarding all your 'img' tags: width="10px" height="1px" << not valid code

Another error, around line 237 of your Index page, is improper Nesting of Span tags.

Also, along with Safari v2.0 (OS/X) not displaying properly, the code is giving problems when using Konqueror v3 (Linux) - the page is completly blank.

I suggest first fixing the coding errors then fix the CSS errors; a big job for someone but has to be done.