CODEWITHSUNDEEP
htmlcsscross-browser
Kehza
Kehza

Reputation: 423

Website Layout not functioning in Safari

just like the title says, my website layout appears to be fine on all other browsers at various zooms, sizes and what not, but not in Safari.

The website adheres to HTML5 and CSS3 standards according to W3Cs validators, and I cannot spot any errors myself.

Website can be found at : http://www.kehza.co.uk/Arcade

It's very basic atm, I want the layout to work on all browsers before I progress. (catch bugs early on).

Edit :-

In Safari at certain zooms, massive white space appears at the bottom of the page, also a border is massively out of place.

See images for difference thanks :)

Normal Site Broken Site Broken Site Screen 2

Upvotes: 0

Views: 207

Answers (1)

dgp
dgp

Reputation: 1023

The latest version of Safari for Windows is 5.1.7, but some of the CSS tags that you are using require Safari 7.0. One example is the box-shadow for the #wrapper element. This is why the website does not display correctly in the Windows version of Safari.

Source: http://caniuse.com/#search=webkit-box-shadow.

It is rumored that Apple has dropped development for Safari on Windows. You will probably want to decide what legacy version of Safari that the website will support. If you are planning on using features of CSS3, then you will want to test the website in a later version of the Safari browser, available on the OSX platform.

Upvotes: 1

Related Questions