Can anyone give me a litle help with IE9 and 10 on my new website?

HTML & CSS
1

Can anyone give me a litle help with IE9 and 10 on my new website?

It seems that IE9 and 10 renders my website’s header in blue instead of black, you can confirm it here:http://netrenderer.com/index.php.
My web site url is http://marcoalexwebdesign.site11.com/home.html

2

You might want to try running it through the W3C CSS Validator first. It’s showing a huge number of errors for that page.

3

Microsoft filters tend to be problematic.

Change the “shortcut” colors to 6 character colors for IE8-10.


.navbar-inner {
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#[color=blue]000000[/color]', endColorstr='#[color=blue]000000[/color]', GradientType=0);
}
4

OK.i did that,
all pages passed except the templates pages because it doesnt validate stuff inside <figure> and <figcaption>

and stuff inside <label> too.

5

Thanks for that, its all looking good on IE9 and above, the older IE8 still need a lot of work.

6

Are you sure you’re talking about the CSS validator, not the HTML validator? Because when I run that page through the validator for CSS3, it’s showing me 772 errors. While most of these probably won’t matter, some of them may cause unexpected results, especially in older browsers. e.g. Validator says

102 	img 	Value Error : width Too many values or values are not recognized : auto\\000009

for this code:

img {
  width: auto\\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
7

Good to hear.

If you need help with specific problems involving IE8, we will be glad to give them a look.

A practical thought… in your local stylesheet, I notice a HUGE number of styles with the !important modifier. If that modifier is actually needed to make the site work properly, then you have some major problems in the way your code is structured. Normally, "C"ascade overrides work without needing the !important modifier except on infrequent occasions.

An off-the-wall thought… how may people are using IE8 or earlier who might be a potential customer of yours? In other words, it’s ideal to be compatible with older browsers, but where one draws the line is a practical economic consideration. (I mention this because your HTML includes several lines of code for IE7-.)

Cheers

8

I run the code at w3html validator,
That code is probably from the bootsrap framework css, but ill give it a look anyway.
Thanks for everything.

9

i just use the !important to overwrite the bootstrap stylesheet on my styles.css file.some times is necessary and sometimes it isnt but I put it anyway just in case.
Thanks for everything.