Изменение размера Chrome CSS фоновой картинки - PullRequest
Новая
       8

Изменение размера Chrome CSS фоновой картинки

0 голосов
/ 06 августа 2009

Я использую Google Chrome 3.0.196.2 и заметил, что по какой-то причине фон #main div немного сократился, хотя это не должно быть Он отлично работает в любом другом браузере, кроме Chrome.

Кто-нибудь знает почему?

Ссылка на сайт: Текст ссылки

Даже есть снимок экрана: текст ссылки Обратите внимание, что зеленый цвет на правой стороне обрезан, а также элементы, которые не выстраиваются в линию. 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
    <STYLE type="text/css">
        #main {
            border: 10px solid black;
            height: 300px;
            width: 1000px;
            margin-left: auto;
            margin-right: auto;
            padding-top: 50px;
            background: #AAA url("http://www.ipalaces.org/weird/mainbg.gif"); 
        }
        #picture {
            border-top: 1px solid #EEE; 
            border-bottom: 1px solid #EEE;
            height: 100px;
            width: 1000px;

        }
    </STYLE>
    <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <TITLE>Imperial Palaces</TITLE>
</HEAD>
<BODY>


<DIV id="main">
    <IMG id="picture" src="http://www.ipalaces.org/weird/mainbg.gif" alt="picture">
</DIV>


</BODY>
</HTML>

Ответы [ 2 ]

0 голосов
/ 06 августа 2009

Для отладки, я думаю, я бы обнулил отступы и границы - проверил различия, затем попытался заменить IMG для тега DIV, чтобы проверить, является ли контейнер или IMG ошибочным. Возможно, даже добавьте пару свойств структуры, чтобы точно увидеть, что происходит: 

#main {
  padding: 0;
}
#picture {
  border: 1px solid #EEE;
  border-width: 1px 0;
}
/* and later... */
#main, #picture {
  outline: 1px solid red;
}
0 голосов
/ 06 августа 2009

В Chrome 2 все работает нормально: http://skipall.com/2vb.jpg
Помните, что Chrome 3 все еще находится в бета-версии, возможно , это всего лишь ошибка (я не уверен, конечно).

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

Нет похожих вопросов

...