Skip navigation
NoMoreWar
Currently Being Moderated

CSS not working correctly in Safari only!

May 12, 2013 5:22 PM

Tags: #safari

I built a website <http://globalpeace.jp> for a Japanese friend quite some time ago (2007) and it worked fine at the time but now (I am not sure from when as I had not looked at the site for a long time) the display of a series of floating boxes in the header is not displaying correctly, but ONLY in Safari.

 

There is a 200px blank area that should be filled with a thin horizontal line right up until the box with the animated butterfly. Everything looks fine in Opera, Chrome and Firefox. I have tried my best to find what might be causing this but have had no luck...

 

Any solutions would be greatly appreciated...

 
Replies
  • Jim Carpenter
    546 posts
    Apr 6, 2006
    Currently Being Moderated
    May 13, 2013 9:40 AM   in reply to NoMoreWar

    It looks the same with Safari on a PC. I don't see the problem you discussed above unless it's a Mac problem.

    Jim

     
    |
    Mark as:
  • Currently Being Moderated
    May 13, 2013 11:22 AM   in reply to NoMoreWar

    Looks like a GoLive site.  That page contains invalid code which might indeed create problems for modern standards compliant browsers. 

    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fglobalpeace.j p%2F

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    May 14, 2013 8:58 AM   in reply to NoMoreWar

    Can you rebuild it in DW?

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    May 15, 2013 1:28 PM   in reply to NoMoreWar

    Perhaps there is something I can do within DW that might easily solve this?

    There's no magic button to fix bad code.  Adobe abandoned GoLive back in 2008 because it wasn't capable of producing standards compliant code.  This is 2013.  It would make more sense to re-build the site from scratch to be both web standards compliant and responsive in mobiles, tablets and desktops. 

     

     

    Nancy O.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points