Home/ Questions/Q 4240946
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-21T03:14:10+00:00

As the titles says, my css works fine locally when using ie9, but when

  • 0

As the titles says, my css works fine locally when using ie9, but when deployed to IIS7 the border-radius and box-shadow is not applied, although works fine with ff4 and Chrome.

.blabla
{
    -moz-border-radius:10px;
    border-radius: 10px;
    box-shadow: 3px 3px 10px #000000;
    height: 101px;
    margin: 5px;
    width: 225px;
    cursor:pointer;
    background:url('./Content/images/background.png') scroll 0 0px no-repeat;
}

I’m working with an MVC3 project, which has the <!DOCTYPE html> already in. It did not work locally originally when using border-radius: 10px 10px 10px 10px; I changes it to only mention 10px once and that made the trick (and also made the box-shadow working) but it’s still not working when deployed. Any ideas?

Edit: I checked in IE’s developers tool, the border-radius is there locally but does not show up when deployed, which explains why it’s not working… the question is why is it not displayed?

EDIT2: I noticed something else… My doctype while written correctly in my code: <!DOCTYPE html> is shown as disabled in the browser: <!-- DOCTYPE html --> Still can’t figure how to fix it.

EDIT3: I created a normal ASPX Web Application, same issue. Works locally but on IIS7 the doctype is commented…

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your page probably triggers IE7 mode in IE9. On your local machine you manually changed the settings to use standard mode in IE9, but after deployment you again see the page in IE7 mode => no border-radius. Been there, done that.

    Another reason might be the content type your server sends for the page, see http://hsivonen.iki.fi/doctype/

    • 0