С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/13: Рейтинг темы: голосов - 13, средняя оценка - 5.00
 Аватар для TimeTwo
102 / 95 / 104
Регистрация: 29.11.2009
Сообщений: 407

position: relative; в IE

26.06.2012, 17:33. Показов 2566. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
есть меню состоящие из div`ов cо свойством display:none при наведении на некую область ява меняет display: none; на display: block; и div с меню всплывает поверх всех остальных (во всех браузерах было достигнуто путем задания у всплывающего diva position: relative; ,но в IE всех версий отображается не так, как нужно. Все элементы стоящие справа от всплывшего diva смещаются на его ширину ( то есть он больше не вылезает поверх всего) ...

собственно вопрос ... что сделать чтобы IE отображал всплывающий div поверх всего?
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
26.06.2012, 17:33
Ответы с готовыми решениями:

Блоки relative и position внутри блока с position: relative
Всем привет! Я новичок, верстаю свой первый сайт (http://cosmetolog.cu.cc/). У меня возник вопрос касательно слайдера. Есть...

В каком случае рекомендуется использовать :margin,padding,float,position:absolute,position:relative
В каком случае рекомендуется использовать :margin,padding,float,position:absolute,position:relative. В каких случаях при верстке нужно...

Как связать блоки position: absolute; и position: relative; ?
Имеется слайдер position: absolute;. Картинка слайдера уменьшается пропорционально при уменьшении ширины экрана width: 100%;. Как...

4
30 / 30 / 5
Регистрация: 01.05.2012
Сообщений: 350
Записей в блоге: 1
26.06.2012, 18:45
Попробуй поставить
CSS
1
z-index:0;
тот елемент который выше должен иметь значение зед индекса большое чем елементы которые должны находица под ним

Немного не понял, но может поможет position:absolute; ?
0
 Аватар для TimeTwo
102 / 95 / 104
Регистрация: 29.11.2009
Сообщений: 407
26.06.2012, 20:37  [ТС]
z-index:0; не помогает
есть 5 div`ов в ряд допустим width: 5рх; height: 5рх; а в них большие дивы 100 на 100 с display: none; и при наведении на маленький display: none; меняется на block в IE этот большой див отображается но сдвигает собой маленькие , чего быть не должно ... по крайней мере в других браузерах все отлично ...
0
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,529
26.06.2012, 21:43
Цитата Сообщение от TimeTwo Посмотреть сообщение
в IE этот большой див отображается но сдвигает собой маленькие , чего быть не должно
А как быть с этим?
...relative — относительное. Положение элемента вычисляется в соответствии с нормальным потоком, однако затем элемент смещается относительно нормального потока на величины, определенные значениями свойств top, bottom, left и right, о которых будет сказано ниже. Последующие элементы в нормальном потоке позиционируются так, будто бы данный элемент не был смещен....
так должно работать
HTML5
1
2
3
<div style="width:5px; height:5px; position:relative;">
<div style="width:100px; height:100px; position:absolute; top:0px; left:0px;">text</div>
</div>
0
 Аватар для TimeTwo
102 / 95 / 104
Регистрация: 29.11.2009
Сообщений: 407
27.06.2012, 15:11  [ТС]
position: absolute; у маленького помог спасибо , но тут же возникла другая проблема .... маленькие div`ы отображаются поверх большого ... в опере z-index: 1; решил проблему , в IE z-index: 1; не помог ...
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
27.06.2012, 15:11
Помогаю со студенческими работами здесь

Не могу разобраться с position-relative и position-absolute
Дано: в блоке со свойствами position-relative помещен блок со свойствами position-absolute. Вопрос: почему атрибуты top и bottom работают...

Div и position: relative
Ребята, помогите разобраться новичку. &lt;div id=&quot;header_logo&quot;&gt; &lt;a class=&quot;logo&quot;...

Overflow: hidden и position: relative
Всем привет. Кто-то может мне объяснить проблему overflow: hidder и position: relative. Я делаю слайдер и когда я к родительскому элементу...

Position: relative (сдвигается сайт)
Форумчане прощу помощи: сдвигаю языковую понель вниз, но при этом сдвигаетя сам сайт на ширину самой языковой панели. При применении...

Position: relative и отступ сверху
Товарищи, проясните ситуацию пожалуйста Я себе уже всю голову сломал Я делаю слайдер. Как нетрудно догадаться, он представляет собой DIV,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Модель микоризы: классовый агентный подход
anaschu 02.01.2026
Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути
Programma_Boinc 01.01.2026
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru