Отступ на три пикселя в эксплорере @ DeForum.ru

2 Сообщения: 252 Зарегистрирован: 29.04.03

В FF и опере верхняя граница обоих слоев совпадает. В IE красный слой на 3 пикселя ниже. Что я забыл дописать?
http://gzq.ru/test/

border-collapse: collapse;

?

а вообще, по-моему, это уже спрашивали тут где-то неподалёку.

Цитата:

а вообще, по-моему, это уже спрашивали тут где-то неподалёку.

И не раз.
Не очень понимаю, почему бы не обратиться с наивным вопросом в гугль "msie 3 pixels bug"
http://www.google.ru/search?hl=ru&q=exp … %D0%BA&lr=

Это так навскидку.

Как уже не раз говорили умные люди -- в чём проблема, что сделано для решения проблемы, что не получилось.… и т.д.…

лень разбираться. посмотри вот это: http://www.positioniseverything.net/exp … xtest.html и http://www.webmasterworld.com/css/3271019.htm . Должно помочь

2 Сообщения: 252 Зарегистрирован: 29.04.03

Прочитал все ссылки (включая те, которые были из гугла), попробовал. Как итог, через CSS решить не удалось, так как фоном может быть как Flash, так и картинка. Если Flash, то 3px отступ получается только слева, если картинка - то 3px и слева и сверху. Так что в итоге изменяю marginTop/marginLeft на JS если IE6. Для остальных случаев все прописано в CSS.

Всем спасибо

3 Сообщения: 203 Зарегистрирован: 26.08.04

Отрицательные маргины. Для ие скрывать через //.

4 Сообщения: 143 Зарегистрирован: 20.06.06

proba.css

Код:

.flashmenu_container { 
             height: 490px;
             }

.under_block { 
             height: 490px; 
             width: 910px;
             position: relative;
             z-index: 1;
             margin-top: -40px; 
          }
.upper_block { 
             position: relative;
             z-index: 2;
            height: 40px;
             
           }
.menu { 
         width: 185px;
         line-height: 39px;
         background-color: red;
      }

.html

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<link rel="STYLESHEET" type="text/css" href="proba.css">
</head>
<body>

<h1>Ошибочка</h1>

<div class="flashmenu_container">

  <div class="upper_block">
     <div class="menu">
        Красный слой
     </div>
  </div>

  <div class="under_block">
     <img src="testimg.jpg" width="910" height="490" alt="">
   </div>

 
</div>

</body>
</html>

RusPutin, через // скрывать не стОит, т.к. это не валидно будет. Лучше юзать "* html" для ИЕ6 и "* +html" для ИЕ7

DeДверь
Логин:
Пароль:
	Автологин