ПРОБЛЕМА РЕШЕНА: я указал 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 можно увидеть
здесь:
Заранее большое спасибо!