Support » Themes and Templates » Displays wrong in Safari!

  • I know it’s crazy right! My site looks just how I want it to in FireFox, Opera, even in IE, but the text in the footer is messed up in safari. I tried resetting the text size through the browser and that isn’t the problem. Does anyone know how to fix this? My site is here.

Viewing 3 replies - 1 through 3 (of 3 total)
  • “messed up” is not much information…

    Safari renders text very different than other browsers.

    well the text is larger than the other browsers and it is causing the divs in my footer to display out of order.

    esmi

    (@esmi)

    Forum Moderator

    Try setting a percentage body font size and enclosing multiple name font families in quotes:

    Edit style.css (line 356) and change:

    body {
    background:#DCDCDC none repeat scroll 0 0;
    font-family:trebuchet ms,arial,helvetica,sans-serif;
    margin:0;
    padding:0 0 15px;
    text-align:center;
    }

    to

    body {
    background:#DCDCDC none repeat scroll 0 0;
    font-family:'trebuchet ms',arial,helvetica,sans-serif;
    font-size:100.1%;
    margin:0;
    padding:0 0 15px;
    text-align:center;
    }

    Let me know how if it works or not. This used to be an old IE bug, so I’m curious to see if it’s something that could impact on Safari. I always set a body font on all designs, so it wouldn’t be an issue I’d seen for a very long time.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Displays wrong in Safari!’ is closed to new replies.