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.

    Thread Starter particlepat

    (@particlepat)

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

    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.