ie position absolute

@oke11o · Регистрация: 06.06.2009

Студворк — интернет-сервис помощи студентам

Здравствуйте. Есть блок

CSS
1
2
3
td.image-td .speclabel-wrap {
    position: relative;
}

И у него родительская картинка

CSS
1
2
3
4
5
6
td.image-td img.pro_new_flag {
    display: block;
    position: absolute;
    top: 70px;
    left: 72px;
}

Так в ie эта картинка ведет себя очень странно.
http://quke2.designbox.tmweb.ru/
Подскажите в чем проблема и как ее решить?

Vovan-VE · 28.06.2013, 15:17

Сообщение от oke11o

И у него родительская картинка

Не понимаю. Это как? Внутри img'а не может быть других элементов.

Добавлено через 2 минуты
Уверены, что display:block; так необходим?

@Valiant · 28.06.2013, 15:18

Абсолютный объект не может растягивать родителя, т.е. если у родителя есть абсолютный ребенок, и ничего более, то такому родителю необходимо задать размеры по ширине и высоте

Vovan-VE · 28.06.2013, 15:19

!doctype неполный и, следовательно, некорректный. IE включает свой quirks mode и делает всё по своему.

@oke11o · 28.06.2013, 15:36 **[ТС]**

Внутри img нет тегов.
display: block ставил - пытался побороть проблему.
Подскажите, пожалуйста, doctype.

Добавлено через 1 минуту

Сообщение от Valiant

Абсолютный объект не может растягивать родителя, т.е. если у родителя есть абсолютный ребенок, и ничего более, то такому родителю необходимо задать размеры по ширине и высоте

Мне и не надо растягивать родительский элемент. У меня он position: relative; и служит для точки отчета для position: absolute

Vovan-VE · 28.06.2013, 15:59

Подскажите, пожалуйста, doctype.
http://www.w3.org/QA/2002/04/valid-dtd-list.html :

HTML 4.01 Transitional

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

XHTML 1.0 Transitional

HTML5
1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

@oke11o · 28.06.2013, 16:17 **[ТС]**

Спасибо

Новые блоги и статьи Все статьи Все блоги /
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Киев стоит - украинская песня zorxor 28.01.2026 wfWdiRqdTxc О Господи, Вечный, Ты . . . Я помоги, Бесконечный. . . Я прошу Ты. . . Я погибаю, спаси. . . Я прошу Тебя Вечный. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .

@Valiant 39 / 39 / 1 Регистрация: 12.02.2013 Сообщений: 177
	28.06.2013, 15:18
	Абсолютный объект не может растягивать родителя, т.е. если у родителя есть абсолютный ребенок, и ничего более, то такому родителю необходимо задать размеры по ширине и высоте 0

Vovan-VE 13210 / 6599 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	28.06.2013, 15:19
	!doctype неполный и, следовательно, некорректный. IE включает свой quirks mode и делает всё по своему. 0

@oke11o 155 / 25 / 6 Регистрация: 06.06.2009 Сообщений: 262
	28.06.2013, 16:17 [ТС]
	Спасибо 0