Safari issue

jank

Just more or less finished a website, which looks fine in firefox and ie.

But safari on a mac its another issue. It appears that there is some tag(s) that are not used in safari making **** of my template that I created in PS.

http://www.odriscoll.ie

Site can be found above, trying using safari if your an apple users and you will see that all that slices are strached out over to the right hand side leaving lots and black gaps.

anybody know of this issue and the fix?

heggie

there's 11 errors in the code
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.odriscoll.ie%2F
no 1 being you have no doctype. Tables really shouldnt be used much now also. There are some attributes that are not used anywhere, nevermind safari, eg: background images dont have alt's/
Also, it doesnt look right in firefox here, your tables are breaking apart, and even more so if the user has non standard text sizing.

jank

I never got this validation process. For example in the link you gave me there is a contradiction between error 9 and 10.

However I will add the doctype.

Goodshape

jank wrote:

in the link you gave me there is a contradiction between error 9 and 10.

No there isn't.

Error 9 is saying you have an 'alt' attribute in the <td> tag. There is no alt attribute for <td>.

Error 10 is saying you've left out the alt attribute on your <img> tag, where it is needed.

heggie

jank wrote:

I never got this validation process

Thats the problem!

jank

Sorry but im not a professional web desinger.....
In fact there are professional web desinger's out there that dont have a clue about this either so cut me some slack

heggie

you asked for help, but throw any advice back at us, Any any professional web developer that doesnt have a clue about css and standards are hardly professional are they? I have already stated that the site is messed up in FF, its not safari's problem, its your code, people who use proper code don't do it for fun, there is a reason for it

Mike...

Nice site,best of luck with it.
Nice idea with the layout and design unusual to have the menu on the bottom.
I got 9 errors on your html validation.
Use the web developer toolbar add on for firefox its very handy,Try firebug(again for firefox) as well,it allows you to inspect individual elements.

jank

you asked for help, but throw any advice back at us, Any any professional web developer that doesnt have a clue about css and standards are hardly professional are they? I have already stated that the site is messed up in FF, its not safari's problem, its your code, people who use proper code don't do it for fun, there is a reason for it

I didnt throw anything back at you. i already stated that ill try and sort out the doctype and these errors. Im not sure though will this fix the problem at hand. If it does then great!

These web desingers are profesional in the way they make a living out of it. Thet may not use best practice but......

What version ff are you using because it works fine for me

seamus

It's to do with the whitespace. It's a problem I've seen extensively with converting PSDs to websites before.

Photoshop is great for chopping images up into their constituent parts, but I would always recommend putting it together using your own HTML & CSS, instead of what Photoshop gives you.

Gordon

jank wrote:

i already stated that ill try and sort out the doctype and these errors.

In fairness, that's not true.

heggie

jank, i know its a frustrating thing to face, but the way its coded IS the problem, there is no easy fix for this, im using firefox 2.0.0.3 but why should that matter? You have to anticipate different browsers, different resolutions & different text size settings - thats the difficulty with designing websites. The fact it works fine for you is besides the point - I know its bad news to hear, but you asked for help, if you don't like an answer don't get defensive. If you insist on keeping the tabled layout, double check all your sizes, make sure they match up