WordPress.org

Ready to get started?Download WordPress

Forums

Displays wrong in Safari! (4 posts)

  1. particlepat
    Member
    Posted 5 years ago #

    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.

  2. Steffen Jørgensen
    Member
    Posted 5 years ago #

    "messed up" is not much information...

    Safari renders text very different than other browsers.

  3. particlepat
    Member
    Posted 5 years ago #

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

  4. esmi
    Forum Moderator
    Posted 5 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic