IE8 не рендерит границы - PullRequest
       4

IE8 не рендерит границы

3 голосов
/ 14 сентября 2011

Я сделал простую тестовую страницу.

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Test</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>

    <div id='test'>
        BORDER TEST!
    </div>

</body>
</html>

CSS:

body,
html{
    margin:0;
    padding:0;
}
div#test{
    border:1px solid #bbb;
    height:200px;
    width:500px;
    margin:10px auto;
}

Это не работает. И у меня есть эта проблема на всем сайте, который я сейчас разрабатываю. Границы не отображаются должным образом или просто не отображаются вообще. Кстати, это происходит в IE8.

Точка в правильном направлении была бы действительно хорошей.

PS: Я пытался изменить типы документов, но на моем сайте другие DTD все еще не решают проблему и, по сути, вызывают больше.

Ответы [ 2 ]

1 голос
/ 14 сентября 2011
<!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">
<head>
    <title>Test</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <style>
    body,
html{
    margin:0;
    padding:0;
}
div#test{
    border:1px solid #bbb;
    height:200px;
    width:500px;
    margin:10px auto;
}

</style>
</head>
<body>

    <div id='test'>
            BORDER TEST!
    </div>

</body>
</html>

Это мой пример. это должно бежать.

1 голос
/ 14 сентября 2011
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

смените ваш тип документа на выше. я проверил с IE 7 до IE 9. Так что, безусловно, это поможет вам. :)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...