Проблема с позицией: исправлена, div не совсем там, где и должно быть - PullRequest
0 голосов
/ 23 сентября 2011

ПРОБЛЕМА РЕШЕНА: я указал right: 0px вместо top: 0px ...

У меня проблема с CSS 'position: fixed; как в Firefox (6.0.2), Chromium (12.0.742.112), так и в Konqueror (4.6.2). Рассмотрим следующий пример:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
  <body>
    <div style="background: grey; position: fixed; left: 0px; right: 0px; width: 100%; height: 100%;">
      ...
    </div>
    <div id="page2" style="margin: 50px;">
      test
   </div>
  </body>
</html>

Моя цель состоит в том, чтобы первый <div> скрывал весь видовой экран, но во всех трех браузерах он не перекрывает самые верхние 50 + x пикселей - что является точно верхним полем второго <div>. Может кто-нибудь сказать мне, в чем проблема и как я могу это исправить без грязных хаков?

Обратите внимание, что вставка любого текста между первым и вторым <div> уменьшает проблему в том смысле, что не перекрываются только самые верхние x picels, что также можно удалить, добавив style="margin: 0px;" к тегу <body>. Результат приведенного выше примера кода, а также версию с добавлением «x» между двумя <div> в Konqueror можно увидеть здесь: Example in Konqueror

Заранее большое спасибо!

1 Ответ

1 голос
/ 23 сентября 2011

Вы не указали top: 0 в div с фиксированной позицией.Почему нет?

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