Help! Why Is Firefox 2.0.0.3 on “OS X” Not Rendering CSS My Site?

i dont see ANY stylesheets mentioned in your source except for this:

https://cspencerbeggs.com/wordpress/wp-content/plugins/contactforms/cforms.css

you need something like this for there to be any page styles applied.

<style type="text/css" media="screen">
		@import url( https://www.cspencerbeggs.com/wp-content/themes/blah/style.css );
	</style>

no, that’s not it, there are 6 stylesheets linked to in the markup, whooami…

It is something caused by your javascripts

I got it to work by rearranging your css links (which I also changed to @imports, not sure if that made a difference, but it shouldn’t have, except perhaps to netscape) such that your js was after the css links.

Like so:

<style type="text/css">
		@import url("https://cspencerbeggs.com/wordpress/wp-content/plugins/contactforms/cforms.css");
		@import url("https://cspencerbeggs.com/wordpress/wp-content/themes/k2/dd-multi-col-cats.css");
		@import url("https://cspencerbeggs.com/wordpress/wp-content/themes/k2/style.css");
		@import url("https://cspencerbeggs.com/wordpress/wp-content/themes/k2/css/print.css");
		@import url("https://cspencerbeggs.com/wordpress/wp-content/themes/k2/css/rollingarchives.css");
		@import url("https://cspencerbeggs.com/wordpress/wp-content/themes/k2/styles/kutline/styles.css");
</style>

<script type='text/javascript' src='https://cspencerbeggs.com/wordpress/wp-content/themes/k2/js/prototype.js.php?ver=1.5.0'></script>
<script type='text/javascript' src='https://cspencerbeggs.com/wordpress/wp-content/themes/k2/js/effects.js.php?ver=1.7.0'></script>
<script type='text/javascript' src='https://cspencerbeggs.com/wordpress/wp-content/themes/k2/js/k2functions.js.php?ver=223'></script>
<script type='text/javascript' src='https://cspencerbeggs.com/wordpress/wp-content/themes/k2/js/slider.js.php?ver=1.7.0'></script>
<script type='text/javascript' src='https://cspencerbeggs.com/wordpress/wp-content/themes/k2/js/trimmer.js.php?ver=247'></script>
<script type='text/javascript' src='https://cspencerbeggs.com/wordpress/wp-content/themes/k2/js/rollingarchives.js.php?ver=224'></script>
<script type='text/javascript' src='https://cspencerbeggs.com/wordpress/wp-content/themes/k2/js/livesearch.js.php?ver=262'></script>
<script type="text/javascript" src="https://cspencerbeggs.com/wordpress/wp-content/plugins/contactforms/js/cforms.js"></script>

However, with this fix some components are missing… but it’s a start.

btw, your styles were also not showing in IE7

Good luck.

– John

fyi, I tried reverting the css @imports to links, and it results in the same problem as before.

This css must have some dodgy content:

@import url("https://cspencerbeggs.com/wordpress/wp-content/themes/k2/css/print.css");

ditch it and the missing components come back.

Thanks for the help. I had hastily rearranged the DOCTYPE declaration, the php to list stylesheets and the php to list my js. I got everything working by switching where the css and js links were (as recommended by nakedape) and it started working again.

Everything seems to be rendering the same in IE6, Safari and Firefox on both Windows and Mac. I’m scared to run my site through IE7 to see all the errors. I hate hacks.

Thanks again.

Only problem I found on ie7/win is your offsite link background image has positioning problems (can’t see it sometimes, cut off other times).

Looks pretty good

Yeah, IE doesn’t like respecting that rule (and, apparently, there’s no solution –at least with the way my CSS is structured) . I reinserterd the hack that turns off that feature for IE users. Oddly enough, I think that the offsite image also played a role in randomly disappearing bottom borders between posts.

I also have a whitespace in lists issue in the sidebar. After I get these issues sorted, I plan to relase the theme for public consumption.

Thanks for your help.

You could also use:

a[href^="https://"] { }
a[href^="https://"]:visited { }

and
a[href^="https://"]:hover { }

which I believe are unsupported by pre-ie7/win.

These css rules will style absolute links.

??

– John