Weird quirks mode problem

Question

On my pc the website I develop looks fine in IE, but on web server the layout is "broken" (IE)

Here is my doctype

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

On localhost document Mode is IE8 Standarts

On web server it is: Quirks

Here is code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <style type="text/css" media="screen">
            body{
                font: 11px Tahoma, Verdana, Arial, sans-serif;
                color: #707070;
                background: #8c2727 url('../img/bgr_red.png') repeat-x;
            }

            a {
                color:#bc2828;
                text-decoration:none;
                font-weight: bold;
                outline: none;
            }


            #wrapper{
                position: relative;
                width: 960px;
                margin: 70px auto;
                background-color: #fff;
                border: 1px solid red;
            }

        </style>
    </head>

    <body>
    <div id="wrapper">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    </div>
    </body>
    </html>

Is it happens to me for the first time. How to fix that ?

A URL to the site would make it easier to identify what is going on — Quentin, Apr 06 '11 at 09:29
So... finally which one is the doctype you are actually using? :) — kapa, Apr 06 '11 at 10:11

score 1 · Answer 1 · edited May 23 '17 at 11:55

1

You are missing the mode switching meta tag that I recommended in my answer to your last question.

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Also the Doctype in your code is different to the Doctype you said you were using (both should still trigger Standards mode, but it is very difficult to debug when what you do and what you say you do are different things!!).

edited May 23 '17 at 11:55

Community

1
1

answered Apr 06 '11 at 10:02

Quentin

914,110
126
1,211
1,335

Dorward, Please follow this thread http://stackoverflow.com/questions/5565349/somehow-php-broke-doctype – prista Apr 06 '11 at 11:11

Weird quirks mode problem

1 Answers1