Safari sees things differently... or?

They have: 20 posts

Joined: Jan 2007

Whats the problem with Safari with some sites? I mean, Firefox and Iexplorer see things the same, but when i try to view some sites with Safari (the same ones i just browsed with Safari) its just a whole different "ball game"!
Take for example this site 800.gr/Demo, if u make a quick browse using all 3 browsers Safari is the one not capable of previewing it correctly. Is this a bug or...?

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

Unfortunately, Firefox and Internet Explorer often do not see sites the same. Realistically, every browser has different defaults. The problem is that many webmasters only check in Firefox and IE to make sure the sites look the same.

To be fair, the vast majority of web surfers are covered if you check in just FF and IE. Personally, in Windows I just check in IE 6, IE7 and Firefox. But I also check on a Mac, and check in FF, Safari and Opera there.

They have: 20 posts

Joined: Jan 2007

so its not a matter of html coding but a browser problem? cant they make any fixes to safari?

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

The issue is, it's not really something that's broken in Safari itself (or in Opera, for that matter). It's more a matter of webmasters bother to check to make sure that the site's working despite IE and Firefox's differences, and generally stopping there.

Whenever I hire someone to create my HTML and CSS I make sure they check it in multiple browsers. The good ones (Hi, Jeeves!) do it on their own without any prompting from me. And when I code the HTML and CSS myself, I always check in those browsers I mentioned above.

demonhale's picture

He has: 3,278 posts

Joined: May 2005

I do advise that you need to start at least make valid html and css sites, these does help in making a site cross-browser compatible... And then do extensive cross-browser checks before actually making the site live for less hassle...

They have: 20 posts

Joined: Jan 2007

I have no idea what to fix in the html of the sites (800.gr) index page. In Safari the second and third buttons are lower but in all other browsers those 2 buttons are aligned to the top with the first button. Any ideas?

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

demonhale;219330 wrote: I do advise that you need to start at least make valid html and css sites, these does help in making a site cross-browser compatible... And then do extensive cross-browser checks before actually making the site live for less hassle...

That's the ticket right there. Use standards and the need for cross-browser testing starts to decrease significantly. If you need to learn about web standards there are lots of articles at A Padded Cell.

I don't have safari to check but you might want to try putting a valign=top on the three table cells there. There are also two letter "P"'s in there that are coloured white so they don't show up (very strange!). This could be bumping down the buttons in Safari.

The other problem here is that you're using Image Ready to generate your HTML code which is really not the best. Fixing problems like this is much easier if you know how to write HTML code yourself and understand what everything is doing.

They have: 20 posts

Joined: Jan 2007

Megan;219850 wrote: The other problem here is that you're using Image Ready to generate your HTML code which is really not the best. Fixing problems like this is much easier if you know how to write HTML code yourself and understand what everything is doing.

I didnt use Image Ready, i save it through Pshop, save for web option.
In what way is it not the best way to make a page?

They have: 20 posts

Joined: Jan 2007

Megan;219850 wrote: The other problem here is that you're using Image Ready to generate your HTML code which is really not the best. Fixing problems like this is much easier if you know how to write HTML code yourself and understand what everything is doing.

Can someone tell me in real life, in what way is it not the best, what kind of problems does one see in the code when saved from pshop and also practically when using sutch generated pages from ImageReady or Pshop?

They have: 20 posts

Joined: Jan 2007

Megan;219850 wrote: I don't have safari to check but you might want to try putting a valign=top on the three table cells there. There are also two letter "P"'s in there that are coloured white so they don't show up (very strange!). This could be bumping down the buttons in Safari.

I tried everything u suggested, even took the P letters out of there, but still the other two buttons are bumped down! This how things look like! Left is Firefox and on the right is the fault...Safari!!!

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Same thing. Anything that automatically generates code cannot do as good a job as a human being. There are some tools that are better than others though. Photoshop (or ImageReady) is not a web design prorgram - it's a graphics program that attempts to do some web design, and does a poor job of it.

If you want a visual web editor the only viable option in my opinion is Dreamweaver. However, it still requires some skill to use.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.