Почему в Opera 9 есть промежуток между этими двумя изображениями? - PullRequest
Новая
       19

Почему в Opera 9 есть промежуток между этими двумя изображениями?

1 голос
/ 23 февраля 2011

Любой другой браузер отображает это правильно. 

<body>
    <div>
        <div><img src="img/logo_top.png" width="168" height="85" alt="Logo top" /></div>
        <div><img src="img/logo_bottom.png" width="168" height="83" alt="Logo bottom" /></div>
    </div>
</body>

Это то же самое, без div-ов и с
между изображениями.

Обновление:

Вот мой HTML-код с типом документа: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
    <head>
        <title>Test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <style type="text/css">
            img {border: none;}
            body {font-size: 0px;}
        </style>
    </head>
    <body>
        <div>
            <div><img src="img/logo_top.png"  alt="Logo top" /></div>
            <div><img src="img/logo_bottom.png" alt="Logo bottom" /></div>
        </div>
    </body>
</html>

Ответы [ 2 ]

4 голосов
/ 23 февраля 2011

Если это проблема, я думаю, это должно быть исправлено, если вы добавите этот CSS: 

img {
    vertical-align: top
}

Или это: 

img {
    display: block
}
0 голосов
/ 23 февраля 2011

Попробуйте удалить пробел между первым </div> и вторым <div>. Иногда эти пробельные символы CRLF интерпретируются браузером как указание на физическое пространство.

...