Site not working in Safari

[flica33]

This site is working perfectly in IE and Firefox, but seems to lose most formatting when viewed in Safari. Font styles are appearing, but the layout is pretty much non-existent. There are a few other pages on the site that use both the original css file (layout.css) along with a second one (photodept.css). The part of the page which uses the second css file is formatted fine, but still the page header using layout.css is messed up. Any ideas on why this one css file wouldn’t be formatting the content correctly?

http://www.bangornews.com (uses layout.css)
http://www.bangornews.com/slideshows/slideshows.html (uses layout.css and photodept.css)

[jhardman]

I checked it out and confirmed, safari just seems to ignore your .css spacing. Since you used a linked stylesheet, I couldn't see the code, but since it works in explorer just fine, it probably isn't a coding problem. Since safari does find the fonts, I would say it definitely finds the .css file.

The problem must be that Safari doesn't recognize whatever code you used for positioning. What a headache! Are you using absolute positioning? Do your divs' styles include a "no wrap"?

Post a sample from the .css

[flica33]

I checked it out and confirmed, safari just seems to ignore your .css spacing. Since you used a linked stylesheet, I couldn't see the code, but since it works in explorer just fine, it probably isn't a coding problem. Since safari does find the fonts, I would say it definitely finds the .css file.

The problem must be that Safari doesn't recognize whatever code you used for positioning. What a headache! Are you using absolute positioning? Do your divs' styles include a "no wrap"?

Post a sample from the .css

Thanks for the reply
Here is the link to the css file that screws up the layout:
http://www.bangornews.com/sarapractice/layout.css

And here is the link to a second css file used on some pages of the site that looks normal. I'm not sure what is done differently between the two:
http://www.bangornews.com/slideshows/photodept.css

[jhardman]

sorry, I keep meaning to check this out better, but I only have safari at home, and I usually check the forum during lunch break. I suspect that other browsers are recognizing markup that isn't quite kosher. stop by w3c and run the sites through a validator (see stickies) just to make sure. They probably won't give you the solution, but they might find the problem. I also suspect that our beloved moderators would suggest this as the first step to find the problem.

[AricC]

This site is working perfectly in IE and Firefox, but seems to lose most formatting when viewed in Safari. Font styles are appearing, but the layout is pretty much non-existent. There are a few other pages on the site that use both the original css file (layout.css) along with a second one (photodept.css). The part of the page which uses the second css file is formatted fine, but still the page header using layout.css is messed up. Any ideas on why this one css file wouldn’t be formatting the content correctly?

http://www.bangornews.com (uses layout.css)
http://www.bangornews.com/slideshows/slideshows.html (uses layout.css and photodept.css)

Have you fixed this problem yet?

Aric

[CherylGrant]

I have redone my website but it is visible in Firefox and IE but NOT in Safari. I need all the help I can get one this one.
Thanks.

[JKing]

I suggest starting a new thread outlining specifically what isn't working and provide either a link to the website or your code.

[CherylGrant]

Thanks I've done that now.