Ох уж этот IE

[Tsybin]

Здравствуй форумчане. Никак не могу понять, что вообще происходит? 2 проблемы в IE7 и IE6, все остальные адекватно воспринимают всё.

Прилагаю 1 скрин, на котором видны блоки с постами. У них у всех стоит border 1px и на ранних ie какой-то глюк, посмотрите на самый первый блок, по краям. Причем заметьте, во втором такого уже нет :blink:/>/>/>/> .

Состав блока: Это: post (сам блок), posttitle (h3 блок с названием поста), meta (дата, автор и т.п.), titleimg (миниатюра-каринка) и сам текст-описание .excerpt

Вот css:

.post {
background: #fff; margin: 10px auto; 
border: 1px #eee solid; 
clear: both; 
display: block; 
padding: 5px 20px 20px 20px;}

.meta {
background: transparent;
font-style: italic;
color: #aaa;
font-size: 14px;
text-align: left;
vertical-align: middle;
line-height: 20px;
} 

.titleimg {
float:left; 
margin: 15px 5px 10px 0px; 
display: inline-block; 
position: relative;}

.posttitle {
padding: 20px 0px 0px 0px;
}

.excerpt {margin: 20px 0px 10px 0px;}

Вот пример html:

<div class="post"> 

        <article id="post-1">

<img width="80" height="80" src="http://мойсайт.ru/wp-content/uploads/2012/10/facepalm-150x150.jpg" class="titleimg wp-post-image" alt="gf" title="gf" /> 

          <div class="posttitle">
             <h3><a href="http://мойсайт.ru/other/privet-mir/" title="Привет, мир!">Привет, мир!</a>  <!--Post titles--></h3>
          </div> 

              <div class="meta"> 
                  <span class="clock">Всякая мета-мутотень</span>
             <div class="clear"></div> 

<div class="excerpt">Добро пожаловать в WordPress. Это ваша первая запись. Отредактируйте или удалите её, затем пишите!</div> <!--The Meta, Author, Date, Categories and Comments--></div>

</article>

</div>

Причем найдена связь, если я у titleimg убираю float:left или полностью margin, то этот глюк пропадает, но изображение в таком случае не отфлочено и не отмаргино.

Вот скриншота без флота:

Я виноват или IE?

Второй скрин с другой проблемой. Здесь все просто, фон блока .meta, а точнее пункта, где перечисление категорий перекрывает и "режет" картинку-миниатюру, если у неё не стоит position: relative. Это нормально?

Что-то я не понимат...

Edited November 13, 2012 by Tsybin

[FEL]

Когда же уже про ie 6-8 забудут

[gibigate]

не видно картинок, возможно проблема с hasLayot (*zoom:1)

[Tsybin]

Когда же уже про ie 6-8 забудут :D/>

Ну 8 то еще путь поживет, а вот 6-7 это да, отстой извините меня, но раньше на нем учились, так сказать олд-скулл

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

Забудут наверное его тогда, когда пользователи откажутся от него. Но даже на нескольких моих сайтах, число пользователей ieе 6-7 существенно. На самом деле никак не понимал, как им удается не обновляеться и сидеть на старых версиях.

не видно картинок, возможно проблема с hasLayot (*zoom:1)

Хм, релатив тоже влияет почему-то на это...

[Tsybin]

Короче я так понял поведение ie не ясно