Any idea why CSS won't render in IE7

Smiley012

I'm working on a site at the moment: wwgolf.biz

Basically the homepage works fine in all browsers, and in IE7 as soon as you hit another page like "about us" - the css doesn't come through.

In all other browsers it does and in older IEs it does too.

Does anyone have any idea why it doesn't work?? I'm pulling my hair out!

I HATE IE!

Eily

Seth Brundle

Why is the About Us URL index.php/about_us

Also check your rendered page source!

Mad_Max

kbannon wrote: »

Why is the About Us URL index.php/about_us

Codeigniter at a guess

ressem

Looks like IE is looking for the CSS, javascript and some image files in the wrong place.

Changing the hrefs to start with a forward-slash would probably point to the correct location.

<link rel="stylesheet" href="templates/main/css/layout.css" type="text/css" />
<link rel="stylesheet" href="plugins/lightbox/css/lightbox.css" type="text/css" />
<script language="javascript" type="text/javascript" src="javascript/lib/prototype.js"></script>

etc.

to

<link rel="stylesheet" href="/templates/main/css/layout.css" type="text/css" />
<link rel="stylesheet" href="/plugins/lightbox/css/lightbox.css" type="text/css" />
<script language="javascript" type="text/javascript" src="/javascript/lib/prototype.js"></script>

Errors displayed by IE

Webpage error details

Message: Syntax error
Line: 1 Char: 1 Code: 0
URI: http://www.wwgolf.biz/index.php/javascript/lib/prototype.js

Message: Syntax error
Line: 1 Char: 1 Code: 0
URI: http://www.wwgolf.biz/index.php/javascript/src/scriptaculous.js

Message: Syntax error
Line: 1 Char: 1 Code: 0
URI: http://www.wwgolf.biz/index.php/javascript/general.js

Message: Syntax error
Line: 1 Char: 1 Code: 0
URI: http://www.wwgolf.biz/index.php/javascript/search.js

Message: Syntax error
Line: 1 Char: 1 Code: 0
URI: http://www.wwgolf.biz/index.php/plugins/lightbox/lightbox.js

Message: Syntax error
Line: 1 Char: 1 Code: 0
URI: http://www.wwgolf.biz/index.php/javascript/swfobject.js

Message: 'SWFObject' is undefined
Line: 90 Char: 2 Code: 0
URI: http://www.wwgolf.biz/index.php/about_us

tricky D

It's because your xhtml is a mess. You need to use a validator as you actually have 2 xhtml pages in 1 page. The first one is about 20 lines with Google Analytics code and the other is the page you want which also has another GA code declaration at the bottom. Once you sort that out, it'll probably work and even if it doesn't you can pop in an IE7 stylesheet.

@ressem the header links are fine

Use Total Validator or FireBug add-ons for FireFox.

Evil Phil

Moved from dev.

Smiley012

thanks for the responses guys, this isn't a site I have built, I have just been called in to find out why the CSS won't show in IE7, and I've looked everywhere and cannot work out why.

the code is a mess, I'll definitely agree with that and I figured it could be because the urls are wwgolf.biz/index.php/aboutus and if I could get rid of that then the css would render as it seems to render correctly in IE7 on the pages that don't have index.php in the URL.

The baseURL is defined as wwgolf.biz/ so I can't understand where index.php is coming in?

I think whatever CMS he's used is terrible, and very messy - I just cannot seem to work out why something which looks so simple and I can normally fix in 2 minutes is taking me days to work out why! It's very confusing.

This is more of a coding issue then a design issue I would have thought, no?

Thanks for all the responses so far!

tricky D

URLs have nothing to do with the problem. It is the double page code issue as I have already outlined. If it was my site, I would start over with a better cms.