oulenspiegel ([info]oulenspiegel) wrote,
@ 2009-07-11 23:32:00
Previous Entry  Add to memories!  Tell a Friend  Next Entry
.............
Только что наткнулся на очередной феерический баг. На этот раз от разработчивок 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...



Advertisement


(Read 5 comments)

Post a comment in response:

From:
( )Anonymous - this user has disabled anonymous posting.
( )OpenID Help
Username:
Password:
Don't have an account? Create one now.
Subject:
No HTML allowed in subject
   Help
Message:

 
Notice! This user has turned on the option that logs your IP address when posting. Help
Create an Account
Forgot your login or password?
Login w/ OpenID
English • Español • Deutsch • Русский…