CODEWITHSUNDEEP
htmlcsswindowsinternet-explorer
charlotteg
charlotteg

Reputation: 169

Windows 8 IE 11 css not displaying the same as every other brower

![enter image description here][1]So i have created a website that i have tested and it works fine in all major browsers, except for when I am running windows 8. Windows 7works fine but i windows 8 a lot of my css is being affected.

I was wondering if anyone knew a list of things that were different or displayed differently because of this as i really do not want to re write the whole thing!

It appears as though padding might be adding to the height/width properties or something im not quite sure but would appreciate a heads up on any niggly things anyone else has found before i try tearing my css to pieces!

css

.whitebox-index {
    background-color: #fff;
    max-width: 1044px;
    min-height: 1055px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
       padding: 10px;
}

#banner {
    width: 1024px;
    height: 370px;
    /*margin-bottom: 10px;*/
    position: absolute;
    background-image:url(../images/bannerhomebackground.png);
}

In chrome etc this displays as a my white background witha banner at the top and has the even white gap around it but in windows 8 ie this has the 10px gap to the left and top but the right has a 30mm gap.... the width has increased...

Upvotes: 0

Views: 361

Answers (1)

charlotteg
charlotteg

Reputation: 169

I just needed to uncheck "Display intranet sites in Compatibility View" from the Compatibility View Settings menu.

Edit: Worth noting that this will affect all of your intranet sites. You could alternatively use the x-ua-compat meta tag to set the docmode to Edge. – Jonathan Sampson

Upvotes: 2

Related Questions