Wordpress styesheet no longer working when changing permalink settings

CMS & WordPress
1

My client’s site is self hosted on a windows server with IIS 11.
Ive never built a site on a windows server before - its always been apache servers.

The primary difference i am aware of is rather than the .htaccess it uses a web.config file.

Problem is when i switch permalink settings in Wordpress to anything other than deafult, the stylesheet stops working, as well as the iframe i have been using for the slideshow.

the end result looks like this:

but when i switch the permalinks back to ‘default’ it looks normal like this:

I dont understand what could possibly be causing this.

Also when viewing the site in IE or chrome on pc, it looks normal,
but when i look at in chrome, FF, or safari (on mac os x lion) it displays as i showed you in the first screenshot.

2

Tim,

Are you linking to your style sheet using a relative link as opposed to an absolute link?

Perhaps you can find an answer here,

http://wordpress.stackexchange.com/questions/6643/changing-permalink-changes-stylesheet-path

Hope that helps you,

Shawn

3

Unfortunately, no that does not help me in the slightest.
My theme is using

<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" />

to access the stylesheet.
I tried hard-coding it in html with an absolute path, but the result was the same.

http://domain.com/subfolder/wp-content/themes/themename/style.css
4

Hello all,

I am still having this issue. Is anyone knowledgeable enough to help me?
It has taken me a long time to post in this again as i have been busy with other issues and changes to this and other websites.

Whenever i change my permalink structure, all logic seems to go out the window.
I lose alot of my css rules, links no longer work, etc.

This is how the site looks without “pretty” permalinks:

here is how my site looks when i change the permalink structure of wordpress:

the site is americanindustrialinc .com /wp

the web.config is as follows and was taken directly from the wordpress codex:

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name="WordPress Rule" stopProcessing="true">
<match url=".*" />
<conditions>
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
</conditions>
<action type="Rewrite" url="index.php?page_id={R:0}" />
</rule>
</rules>
</rewrite>
</system.webServer>
</configuration>

this issue is now cross-browser and cross-platform (Crome, FF, IE, Safari, Mac, PC) when it was not when i originally posted this issue.

also i do not think it is an issue of rewrite not ebing enabled on the IIS server - if that were the case, i would not be able to navigate to any pages when i change my permalink structure, right?
In this case i CAN navigate to any of the pages, but they lose their styles as seen in the above screenshots.

I really need to figure out how to fix this so i can make the site live and fulfil my obligation to the client.

PLEASE HELP.

5

This has been resolved.
It turns out something was wrong with my web.config file that was causing all of this.