ie6 и 3px

redhawk · February 24, 2011

Люди добрый, помогите!

Возникла такая проблема:

Есть следующий код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<link rel="stylesheet" type="text/css" href="main.css">
<body>
<div id="outer_wrapper">
<div id="wrapper">
<div id="header">
  <div id="header_up">
    <div id="header_up_part1">
    </div>
    <div id="header_up_part2">
    </div>
    <div id="header_up_part3">
    </div>
    <div id="header_up_part4"> <!-- Search -->
    </div>
    <div id="header_up_part5">
    </div>
    <div id="header_up_rubber"><!-- Rubber --> 
    </div>
  </div>
</div><!-- /header -->
</div><!-- /wrapper -->
</div><!-- /outer_wrapper --&;gt;
</body>

и стиль:

/* Заголовок */
#header_up_part1, #header_up_part2, #header_up_part3  {
 float:left;
 height:105px;
}
#header_up_part4, #header_up_part5  {
 float:right;
 height:105px;
}
#header_up_part5 {
 _margin-left: -3px; /* IE6 */
}
#header_up_rubber {
 background:url(images/header_up_rubber.jpg) repeat-x;
 height:105px;
 padding: 0px;
 margin-left: 685px;
 margin-right: -310px;
}

Получается, заголовок состоит из 6 частей: 1,2,3 - float:left; 4,5 - float:right, а между ними резина, забивающее расстояние между левой и правой частью,

Ввиду кривости рук программистов ie6, как известно возникает проблема 3px. Эта проблема возникала слева и справа от резинового блока...

Справа эту проблему удалось решить всем известным хаком: _margin-left: -3px; /* IE6 */

Слева - ничего не получается... скорее всего из-за того, что блок с резиной - без float.

Куда я уже не пытался воткнуть _margin-left: -3px; /* IE6 */ - не помогает...

Подскажите, плиз - может кто сталкивался с такой проблемой?!

Edited February 24, 2011 by redhawk

klierik · February 24, 2011

Самая полная шпаргалка для IE6 или как исправить 25+ ошибок Internet Explorer

redhawk · February 25, 2011

Самая полная шпаргалка для IE6 или как исправить 25+ ошибок Internet Explorer

Этот вариант я уже то же пробовал....

Там предлагается: position: relative; left: -3px;

В ie6 проблема лечится (именно с левым полем), но появляется 3px в ie7... Во всех остальных браузерах все ок...

redhawk · February 25, 2011

Аллилуйя, блин!

На память потомкам - проблема решилась следующим образом:

#header_up_part3  {
 display:inline;
 _margin-right: -3px; /* IE6 */
}

#header_up_part5 {
 display:inline;
 _margin-left: -3px; /* IE6 */
}

klierik · February 25, 2011

незаю где ты там увидел релатив и лефт (это вообще бред какой-то)

но там линк на этот пример: http://handynotes.ru/ext/aHR0cDovL3d3dy5jc...zNweGJ1Zy5odG1s

в котором как раз отрицательный отступ и показан.

кстати ты бы вынес стили под ИЕ6 в отдельный файл.

Sign In

ie6 и 3px

Question

redhawk

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

klierik

Link to comment

Share on other sites

redhawk

Link to comment

Share on other sites

redhawk

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information