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...
Looks like a GoLive site. That page contains invalid code which might indeed create problems for modern standards compliant browsers.
Yes, as I remember, it was originally built with GoLive...
As I am really do not know much about the intricacies of CSS or HTML, I wonder if you or someone would have a look at the 38 errors on the validator page and suggest to me which ones might be the likely culprits.
Well, I imported it to DW and the result is what is online. I am using DW 5.5 as part of CS5.5. I am not using DW on a daily or even monthly basis. Perhaps there is something I can do within DW that might easily solve this?
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.