8 replies [Last post]
fdg123
fdg123's picture
Offline
newbie
LA
Last seen: 9 years 34 weeks ago
LA
Timezone: GMT-8
Joined: 2012-12-10
Posts: 4
Points: 5

Hello,
I bought a stylesheet for my drupal website from company that dropped their drupal stuff and no longer supports it. Anyway it works perfect in Chrome and Firefox, but in any version of Internet Explorer it has no css from the stylesheet - none! I have IE8 on my computer and when I check view page source it is loading the correct css for IE - but IE seems to totally ignore it!
Page validates (0 errors) at W3C.
Almost none of the paid stylesheet loads in, Drupal has some very basic css and that loads in. You can see the webpage at www.vendingmix.com you can view page source from a browser and all the css is there in IE8/9, FF and Chrome browser's and the different version specific stylesheet's are loaded in with the correct browsers (e.g. the IE8 special stylesheet is loaded is loaded when I am using IE8/XP and not when I am using Chrome, FF or IE9/WIN7).

When I look at the page source when in I am IE8/XP you can see that it is like IE is ignoring everything from line 50 on, (the paid stylesheet stuff starts at 50).
I have tried un-commenting the style stuff from lines 118 to 138 and it makes no difference, commented out or not the page still won't work in IE.
I am totally stumped Puzzled

Any ideas where to start looking?

Thanks for any help,
Frank Sad

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 23 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Cannot replicate

IE8 looks the same to me as IE9 or Firefox.

You may be suffering an error cascade due to mixing html and xhtml syntaxes. For example,

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Vending LA Services |  Vending service covering Los Angeles, Orange, Riverside and San Bernardino counties.</title>
  <meta http-equiv="Content-Style-Type" content="text/css" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Use html or xhtml, but not both.

You also have conflicting http-equiv values. Try this for starters:

<!DOCTYPE HTML>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>
      Vending LA Services |  Vending service covering Los Angeles, Orange,  
      Riverside and San Bernardino counties
    </title>
<!-- the next two lines are deleted -->

Go through the rest of the markup, correcting errors. See W3C html validator.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Quote:Page validates (0

Quote:

Page validates (0 errors) at W3C.

How so? If you have just attempted validation on the stylesheet/s/ then know that there is a world of difference between validating markup and validating styles, styles are relatively less important CSS has a strict error handling mechanism and will just drop incorrect stuff whereas markup errors are far more insidious as the browser will attempt to hide errors and run an auto correction on them to try and give a best fit.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

fdg123
fdg123's picture
Offline
newbie
LA
Last seen: 9 years 34 weeks ago
LA
Timezone: GMT-8
Joined: 2012-12-10
Posts: 4
Points: 5

Validates in XHTML and in CSS3

You were correct, CSS did not validate.
Validates in XHTML and CSS now!
And it loads a tiny bit more of CSS in IE, but 90% is still not loaded or ignored.
Page badly broken in IE8/XP, but still perfect in FF and Chrome.
I will check tommorrow on a friends IE9/win7.
Any other ideas?
I am still stumped Puzzled

Frank Sad

fdg123
fdg123's picture
Offline
newbie
LA
Last seen: 9 years 34 weeks ago
LA
Timezone: GMT-8
Joined: 2012-12-10
Posts: 4
Points: 5

Looks same in Firefox as IE8?

Looks same in Firefox as IE8? Maybe my eyes were bad so I attached 2 screenshots one from IE8/XP and one from Firefox/XP, I have named them accordingly. The Firefox/XP one is exactly like it should be, IE8/XP is total trash.
I am so baffled Puzzled
If anybody has any ideas.

Frank Sad

AttachmentSize
Screenshot-Firefox-XP.png 42.95 KB
Screenshot-IE8-XP.png 25.13 KB
gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 23 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Errors are still there

You must correct your errors.

IE8 screenshot attd. IE9/Win7 in IE8 mode.

gary

AttachmentSize
small-vending-ie8.jpg 88.02 KB

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

fdg123
fdg123's picture
Offline
newbie
LA
Last seen: 9 years 34 weeks ago
LA
Timezone: GMT-8
Joined: 2012-12-10
Posts: 4
Points: 5

OH! NO! I am so stupid. I

OH! NO! Shock I am so stupid. I must have typed the wrong URL by mistake. It was sending you to Vending-LA, it's another site I work on. Sorry. Here is the correct URL:VendingMix.com
You guys must have thought I was crazy.
Thanks for the screenshot or I would have never found it out.
Frank
PS I just tested it and I typed the correct address this time.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 23 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

IE tools suck

For starters, it looks like this stylesheet is not being used: http://www.vendingmix.com/sites/all/themes/rt_quantive_d6-6.x-1.0/rt_quantive_d6/css/fusionmenu.css

There's more, but this is a starting point. The gantry.css file seems to be the only style sheet that is used. Finding the cause of the top navigation's stylesheet gone AWOL should be the key to the other 37 stylesheets' not loading.

It is a good idea, when posting links or pics, to use the preview function and test that you've got it right.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 4 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

IE also has a limit to the

IE also has a limit to the number of stylesheets it handles somewhere around 30 I think.
Try turning on the css optimisation which will aggregate the files.