Xpoint
   [напомнить пароль]

В ie появился новый 6px баг?

Метки: [без меток]
2010-03-15 21:03:24 [обр] htmlkin[досье]
сообщение промодерировано

При верстке макета столкнулся со странным багом - в ie6 пропал (стал невидимым) контейнер шапки. После танца с бубном, вроде нашел решение: отрицательный отступ аж в 6px.

Так выглядит скелет:

<body>
   <div id="container">
      <div id="main">&nbsp;</div>
      <div id="left">&nbsp;</div>
   </div>
   
   <div id="header">&nbsp;</div>
   
   <div id="sidebar">&nbsp;</div>
</body>

Раскладка в css:

body { 
   width:920px; 
   padding:0;
   margin:0 auto; 
   position:relative; /* IE6 */
   }
   
#header {
   position:absolute;
   width:670px;
   height:150px;
   top:0;
   left:0;
   background:#99CC33;
   }

#container {
   width:670px;
   padding-top:150px;
   float:left;
   margin-right:-6px; /* ??? */
}

#main {
   width:512px;
   margin-left:158px;
   float:left;
   display:inline; /* IE6 */
   }

#left {
   width:158px;
   margin-left:-670px;
   float:left;
   }


#sidebar {
   width:250px;
   float:right;
   }

Ребят, помогите удостоверится, что виной не мои кривые руки :)

спустя 19 часов [обр] Marat Tanalin(6/78)[досье]
IE 6/7 не сильно любят, когда абсолютно позиционированный блок следует непосредственно за плавающим. Можно поместить container и sidebar в дополнительный self-clearing-элемент, тогда проблема исчезнет.
спустя 8 дней [обр] htmlkin[досье]
Спасибо большое за помощь - это работает. Но интересно, почему отрицательный внешний отступ в IE работает на ура?
Powered by POEM™ Engine Copyright © 2002-2005