Title: Firefox rendering issue
Last modified: August 18, 2016

---

# Firefox rendering issue

 *  Resolved [dsdurkes](https://wordpress.org/support/users/dsdurkes/)
 * (@dsdurkes)
 * [20 years, 11 months ago](https://wordpress.org/support/topic/firefox-rendering-issue/)
 * new to wordpress but loving this product! I am a convert from MT and am having
   great trouble with Firefox displaying properly. My blog seems to display without
   a CSS in FF but beautifully in IE.
 * What need I do? Is this a mod to the CSS? I’m sure it’s a pilot error here but
   I have the issue even with all the defaults. Other WP sites display very nicely.
 * please visit [http://www.durkes.com/wordpress/I_being](http://www.durkes.com/wordpress/I_being).
 * Thanks

Viewing 11 replies - 1 through 11 (of 11 total)

 *  [vkaryl](https://wordpress.org/support/users/vkaryl/)
 * (@vkaryl)
 * [20 years, 11 months ago](https://wordpress.org/support/topic/firefox-rendering-issue/#post-219947)
 * Hmm. If you use the Web Developer toolbar to edit CSS, you see the styled page.
 * Only thing I really see offhand is a space between the opening parenthesis and
   http: in your [@import](https://wordpress.org/support/users/import/) URL for 
   the stylesheet. You really shouldn’t need to hardcode the stylesheet addy either.
 *  Thread Starter [dsdurkes](https://wordpress.org/support/users/dsdurkes/)
 * (@dsdurkes)
 * [20 years, 11 months ago](https://wordpress.org/support/topic/firefox-rendering-issue/#post-219967)
 * Unfortunately, I am at a loss relative to using the Web Developer toolbar. This
   is plain vanilla WordPress as it is first delivered. I can see other sites styled
   but not this one in Firefox. I would hate to rely on IE.
 * To see what I see, here is a comparison: [http://durkes.com/wordpress/I_being/Problems/PageDisplayComparison.pdf](http://durkes.com/wordpress/I_being/Problems/PageDisplayComparison.pdf)
 * Thanks. I’m sure once I get going this will seem like a tiny issue but it’s vexing
   at the moment!
 * Don
 *  [idbehold](https://wordpress.org/support/users/idbehold/)
 * (@idbehold)
 * [20 years, 11 months ago](https://wordpress.org/support/topic/firefox-rendering-issue/#post-219974)
 * In the header.php replace:
    `<style type="text/css" media="screen"> @import url(
   <?php bloginfo('stylesheet_url'); ?> ); </style>
 * With:
    `<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type
   ="text/css" media="screen" />`
 *  [syllani](https://wordpress.org/support/users/syllani/)
 * (@syllani)
 * [20 years, 11 months ago](https://wordpress.org/support/topic/firefox-rendering-issue/#post-219975)
 * That is odd. I use:
 * `<style type="text/css" media="screen">
    @import url( <?php bloginfo('stylesheet_url');?
   > ); </style>
 * in my header (the same you seem to be using), and everything is great in Firefox
   for me.
 * Is it possible there are issues with installs of WP not in the root directory?
 *  [idbehold](https://wordpress.org/support/users/idbehold/)
 * (@idbehold)
 * [20 years, 11 months ago](https://wordpress.org/support/topic/firefox-rendering-issue/#post-219976)
 * It doesn’t work for all hosts for some reason.
 *  [syllani](https://wordpress.org/support/users/syllani/)
 * (@syllani)
 * [20 years, 11 months ago](https://wordpress.org/support/topic/firefox-rendering-issue/#post-219977)
 * Huh. That’s good to know, in case I ever change providers and my styles quit 
   working all of a sudden.
 *  Thread Starter [dsdurkes](https://wordpress.org/support/users/dsdurkes/)
 * (@dsdurkes)
 * [20 years, 11 months ago](https://wordpress.org/support/topic/firefox-rendering-issue/#post-220151)
 * Well, I am not sure where find the header.php file with the code referenced. 
   I have tried to hardcode the css location – no good.
 * I can see perfectly rendered wordpress sites in Firefox, just not mine.
 * I am sure it’s a pure “doofuss” error on my part as I am a real “untar and run
   it” kinda guy so any pointers would be very useful. Perhaps I will reinstall 
   and see if that does the trick.
 * Thanks
 *  Thread Starter [dsdurkes](https://wordpress.org/support/users/dsdurkes/)
 * (@dsdurkes)
 * [20 years, 11 months ago](https://wordpress.org/support/topic/firefox-rendering-issue/#post-220243)
 * I have posted this issue in the CSS forum and would appreciate any help there.
   [http://wordpress.org/support/topic/36513](http://wordpress.org/support/topic/36513)
 * Thank you,
 * Don
 *  [vkaryl](https://wordpress.org/support/users/vkaryl/)
 * (@vkaryl)
 * [20 years, 11 months ago](https://wordpress.org/support/topic/firefox-rendering-issue/#post-220245)
 * The header.php file is in the folder for the theme you’re using.
 *  [lilylpod](https://wordpress.org/support/users/lilylpod/)
 * (@lilylpod)
 * [20 years, 11 months ago](https://wordpress.org/support/topic/firefox-rendering-issue/#post-220451)
 * Is it okay to post my own similar rendering problem here? I tried the previous
   suggestion:
 * <style type=”text/css” media=”screen”>
    [@import](https://wordpress.org/support/users/import/)
   url( <?php bloginfo(‘stylesheet_url’); ?> ); </style>
 * With:
    <link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type
   =”text/css” media=”screen” />
 * But my photos on the blog still do not appear correctly. I am using this bit 
   of code to get the text to flow around the picture. Perhaps that is the culprit:
 * .img-shadow {
    clear: both; float:left; background: url(images/shadowAlpha.png)
   no-repeat bottom right !important; background: url(images/shadow.gif) no-repeat
   bottom right; margin: 20px 0 0 17px !important; margin: 20px 0 0 8px; }
 * .img-shadow img {
    display: block; position: relative; background-color: #fff;
   border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; }
 *  Thread Starter [dsdurkes](https://wordpress.org/support/users/dsdurkes/)
 * (@dsdurkes)
 * [20 years, 11 months ago](https://wordpress.org/support/topic/firefox-rendering-issue/#post-220603)
 * The problem with stylesheets and firefox was that I did not have mime types set
   correctly. My hosting service added text/css. I discovered the problem when I
   validated my css.
 * Thanks for the help all.

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Firefox rendering issue’ is closed to new replies.

## Tags

 * [rendering](https://wordpress.org/support/topic-tag/rendering/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 11 replies
 * 5 participants
 * Last reply from: [dsdurkes](https://wordpress.org/support/users/dsdurkes/)
 * Last activity: [20 years, 11 months ago](https://wordpress.org/support/topic/firefox-rendering-issue/#post-220603)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics