IE7 плавают и очищаются на одном элементе - PullRequest
Новая
       18

IE7 плавают и очищаются на одном элементе

0 голосов
/ 18 марта 2010

Вот мой код, 

<!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>[your title]</title>
    <style type="text/css">
    .a, .b, .c
    {
        float: left;
    }
    .b
    {
        clear: left;
    }
    </style>
</head>
<body>
<div class="a">1</div>
<div class="b">2</div>
<div class="c">3</div>
</body>
</html>

В IE8, Firefox, Chrome, Safari, Opera, вывод будет:

1
23

Однако в IE7:

13
2 * * +1010

У меня уже два дня поиск решений ... кто-нибудь может помочь?

Cheers, bGiraffe

Ответы [ 3 ]

1 голос
/ 18 марта 2010 
<!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>[your title]</title>
    <style type="text/css">
    .a, .b, .c
    {
        float: left;
    }
    .b
    {
        clear: left;
    }
    </style>
</head>
<body>
<div class="a">1</div>
<div style="clear: left;"></div>
<div class="b">2</div>
<div class="c">3</div>
</body>

0 голосов
/ 18 марта 2010

Или вы можете использовать метод clearfix.

http://www.positioniseverything.net/easyclearing.html

0 голосов
/ 18 марта 2010

это должно исправить 

.a, .b, .c { float: left; }
.b { clear: both; }
...