Delibero - July 11th, 2009

Только что наткнулся на очередной феерический баг. На этот раз от разработчивок Chrome.

Есть вот такая конструкция:

<div class="SectionHeader"><div class="SectionHeaderTextBlock"><span class="SectionHeaderText">Какой-то текст</span></div></div>

Ну, вроде бы, ничего необычного. Определяем в css классы:

.SectionHeader

{

width: 728px;

height: 24px;

background-image: url("img/section_header.png");

}

.SectionHeaderTextBlock

{

margin: 5px;

}

.SectionHeaderText

{

}

При выводе в Chrome у SectionHeaderTextBlock левое поле равно 5 пикселам, а верхнее почему-то схлопнуто в 0.
Если добавить в определение SectionHeader строку:

border: 1px solid white; // цвет значения не имеет

То всё нормально, все поля равны 5 пикселам.
Жизнь прекрасна и удивительна. И просраться нам дают не только парни из Microsoft...

link

5 comments|post comment

navigation

[	viewing	\|	July 11th, 2009	]
[	go	\|	Previous Day\|Next Day	]

Advertisement