The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Safari not displaying background colour correctly

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #28685


    I am hoping this should be a fairly simple fix !

    there is an issue in Safari only on the following site:

    the background colour should be grey (the background of the actual content area is white). This displays correctly in all browsers EXCEPT Safari, which displays it as white. The CSS for the body is as follows:

    body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    margin: 0; /* it’s good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
    background-color: #CCC;


    In theory this should work fine because I have exactly the same code in another site: and this is displaying fine in Safari!.

    I have attached the entire CSS if anyone wants to take a look. any suggestions greatly appreciated



    The background color is showing fine for me in Safari.

    (Safari 4.0.3, Mac, OS 10.6)


    Seems fine to me to. I’m running Safari 4.0.5 on a Mac.



    I managed to find this CSS hack for Safari which did the trick:

    # @media screen and (-webkit-min-device-pixel-ratio:0)
    #safari { background-color:#CCC }



Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.