<body class="tab">
<div style="position:absolute; left=10px; top=10px;"><a href="../index.html"><img src="../lable.gif" width="80" height="137" alt="На первую страницу" border="0"></a></div>

Подскажите, пожалуйста. Что сделать, чтоб Mozilla понимал абсолютное позиционирование. В вышеприведённом случае, картинка наезжает на текст, т.е. отсчёт ведётся с учётом отбивки в body , а не от края окна. (отбивка от левого края на 100px)

vova-orlov

Что сделать, чтоб Mozilla понимал абсолютное позиционирование.

Убрать position у <body>. Насколько я понимаю, это особенности CSS. :)

http://softwaremaniacs.org/blog/2005/08/03/css-layout-positioning/ пишет

Страница начинает раскладываться в своеобразный перевернутый "стакан", начинающийся от верха окна, ограниченный с боков и бесконечно продолжающийся вниз. Если все блоки статические, то они так в этот стакан и раскладываются один за другим. Если в этом потоке появляется позиционированный бокс, то его координаты вычисляются от сторон этого самого стакана.

Но самое интересное, что этот позиционированный бокс сам внутри себя создает такой же стакан, и все его дети (боксы, находящиеся у него внутри) позиционируются уже относительно него, а не относительно окна. И внутри него происходит то же самое: любой позиционированный (не static) бокс создает внутри себя такой стакан.

Используя более принятые в CSS термины, этот стакан называется "содержащим блоком" (containing block).

Cо стаканами понятно, спасибо. В принципе, добиться того, чтоб картинка была в углу не сложно. Дело в другом. Мне нужно, чтоб слева на некоторых страницах было свободное поле (соотв. в CSS в body margin-left прописан) и в это свободное поле я могу запуливать нужные мне вещи посредством абсолютного позиционирования. И вот что-то мне припоминается, что абсолютное и называется абсолютным, что зависит только от окна броузера. До сих пор я больше с IE дело имел, там это проходит нормально. Надо будет ещё где-нибудь проверить.

vova-orlov пишет

position:absolute; left=10px; top=10px;

а что, «=» тут работает? нужно заменить на «:»

Вот спасибо - заработало:)