powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / В Mozilla не работает этот код с "position: absolute".
6 сообщений из 6, страница 1 из 1
В Mozilla не работает этот код с "position: absolute".
    #35467745
PVB
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Добрый день.

Прошу подсказать почему в Mozilla не работает этот код с "position: absolute":

Код: plaintext
1.
2.
3.
 Printf (" <div style=\"background-image: url(\"EST/43/hl.jpg); position: relative;  top: 0px; left: 0px; width: 300 px; height: 300 px\">");
 Printf ("<IMG title=\"111\" SRC=\"images/t1_place.gif\" WIDTH= 12  HEIGHT= 12  STYLE=\"position: absolute; top: 12 px; left: 12 px;\">");
 Printf ("<IMG title=\"111\" SRC=\"images/t2_place.gif\" WIDTH= 12  HEIGHT= 12  STYLE=\"position: absolute; top: 24 px; left: 12 px;\">");
 Printf ("<IMG title=\"111\" SRC=\"images/t3_place.gif\" WIDTH= 12  HEIGHT= 12  STYLE=\"position: absolute; top: 24 px; left: 24 px;\">");

То есть все картинки типа t3_place.gif не отображаются

В IE и Opera все отлично.
...
Рейтинг: 0 / 0
В Mozilla не работает этот код с "position: absolute".
    #35468114
PVB
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Вернее они отображаются,
но перекрываются одна другой в одной и тойже точке кординат.
То есть игнорируют условие
top: x px; left: y px; для каждой позиции картинок.
...
Рейтинг: 0 / 0
В Mozilla не работает этот код с "position: absolute".
    #35468190
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Что-то мне подсказывает, что теги <img> неплохо бы закрывать.
...
Рейтинг: 0 / 0
В Mozilla не работает этот код с "position: absolute".
    #35468225
М.Голованов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ну, IMG закрывать не обязательно, а вот DIV как минимум желательно.

У Вас в приведенном коде есть ошибки в кавычках, а главное - пробелы между цифрами и "px". Эти пробелы терпит только MS IE. Исправленный код работает везде:

Код: plaintext
1.
2.
3.
4.
<div style="background-image: url('EST/43/hl.jpg'); position: relative;  top: 0px; left: 0px; width: 300px; height: 300px">
<IMG title="111" SRC="images/t1_place.gif" WIDTH= 12  HEIGHT= 12  STYLE="position: absolute; top: 12px; left: 12px;">
<IMG title="111" SRC="images/t2_place.gif" WIDTH= 12  HEIGHT= 12  STYLE="position: absolute; top: 24px; left: 12px;">
<IMG title="111" SRC="images/t3_place.gif" WIDTH= 12  HEIGHT= 12  STYLE="position: absolute; top: 24px; left: 24px;">
<div>
...
Рейтинг: 0 / 0
В Mozilla не работает этот код с "position: absolute".
    #35468236
М.Голованов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Точнее, пробелов не терпит код Mozilla. Более благообразный вид того же работающего примера:

Код: plaintext
1.
2.
3.
4.
<div style="background-image: url('EST/43/hl.jpg'); position: relative;  top: 0px; left: 0px; width: 300px; height: 300px">
<IMG title="111" SRC="images/t1_place.gif" WIDTH= 12  HEIGHT= 12  STYLE="position: absolute; top: 12px; left: 12px;">
<IMG title="111" SRC="images/t2_place.gif" WIDTH= 12  HEIGHT= 12  STYLE="position: absolute; top: 24px; left: 12px;">
<IMG title="111" SRC="images/t3_place.gif" WIDTH= 12  HEIGHT= 12  STYLE="position: absolute; top: 24px; left: 24px;">
<div>
...
Рейтинг: 0 / 0
В Mozilla не работает этот код с "position: absolute".
    #35468441
PVB
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
М.ГоловановТочнее, пробелов не терпит код Mozilla. Более благообразный вид того же работающего примера:

Код: plaintext
1.
2.
3.
4.
<div style="background-image: url('EST/43/hl.jpg'); position: relative;  top: 0px; left: 0px; width: 300px; height: 300px">
<IMG title="111" SRC="images/t1_place.gif" WIDTH= 12  HEIGHT= 12  STYLE="position: absolute; top: 12px; left: 12px;">
<IMG title="111" SRC="images/t2_place.gif" WIDTH= 12  HEIGHT= 12  STYLE="position: absolute; top: 24px; left: 12px;">
<IMG title="111" SRC="images/t3_place.gif" WIDTH= 12  HEIGHT= 12  STYLE="position: absolute; top: 24px; left: 24px;">
<div>



Спасибо БОЛЬШОЕ.
Действительно проблема была в этом.
...
Рейтинг: 0 / 0
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / В Mozilla не работает этот код с "position: absolute".
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]