Проблемы переполнения IE9 - PullRequest
Новая
       1

Проблемы переполнения IE9

0 голосов
/ 01 декабря 2011

У меня небольшая проблема с отображением элемента в IE9

состав: 

<div id="container">
    <a id="logo" href="#">stuff here</a>
</div>

проблема в том, что высота контейнера составляет 47 пикселей, а высота якоря - 65 пикселей. В chrome, ff, opera и т. Д. Переполнение привязки видно, но в IE9 обрезано.

это css для контейнера и якоря 

#container{
    width:100%;
    height:47px;
    overflow visible;
}

#logo{
    background:url('path/to/myimage');
    display:block;
    float:left;
    height:65px;
}

и это прекрасно отображается во всем, кроме IE ... есть идеи? заранее спасибо.

1 Ответ

2 голосов
/ 01 декабря 2011

Вы должны объявить Doctype для IE всех версий: 

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#container{
    width:100%;
    height:47px;
    border:1px solid red;

}

#logo{
    background:url('path/to/myimage');
    display:block;
    float:left;
    height:65px;
    border:1px solid blue;
}

</style>

</head>

<body>
<div id="container">
    <a id="logo" href="#">stuff here</a>
</div>

</body>
</html>
...