Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/9: Рейтинг темы: голосов - 9, средняя оценка - 4.67
0 / 0 / 1
Регистрация: 21.11.2011
Сообщений: 5

Смещение div в IE

04.12.2011, 12:47. Показов 1907. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Подскажите как сделать выпадающее меню в IE корректно.
Список должен выпадать ровно под пунктом меню, во всех браузерах так и есть, но вот в IE почему то смещается по горизонтальной оси. При наведении на <th> появляется <div>
вот css:
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
/*стили для выпадающего меню*/
#menu table {
    border:2px;
    border-color:#666;
    width:1000px;   
}
#menu tr {
    background-color:SlateGrey;
    cursor:pointer;
    border:0px;
    padding:2px;
}
#menu th {
    width:120px;
    height:24px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    font-variant: small-caps;
    color: #FFF;
    background-color:#666;;/*цвет пункта выпадающего меню*/
    /*border:2px orange solid;*/
}
 
#menu th:hover{
    background-color:#666;/*цвет пунтка выпадающего меню при наведении*/
    color:#FFF;
}
 
.list{
    margin:0px;
    top:26px;
    position:absolute;
    display:none;
    width:246px;
    /*background-color:#099;/* цвет выпадающего списка*/
    background-color:#FFF;
}
html* .list{ /*для IE (8)*/
    margin:0px;
    padding:0px;
    top:26px;
    position:absolute;
    display:none;
    width:246px;
    /*background-color:#099;/* цвет выпадающего списка*/
    background-color:#FFF;
    margin-left:-100px; /*должно быть только для ie8*/
}
.submenu{
    font-size:14px;
    border: 1px solid #666;
    border-top:0px solid #666;
    color:#666;     /*цвет пунтка списка*/
 
}
.submenu:hover{
/* цвет выпадающего списка при наведении*/
    background-color:#666;
    color:#FFF;      /*цвет пунтка списка при наведении*/
}
Добавил свойство
CSS
1
margin-left:-100px;
но все равно выпадающие блоки смещены к центру
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
04.12.2011, 12:47
Ответы с готовыми решениями:

Как реализовать смещение div блоков под другой div?
Всем привет! Помогите сместить блоки под другой блок! &lt;div class=&quot;container&quot;&gt;&lt;div class=&quot;left-div left-text&quot;&gt;Drive business...

Смещение div блоков
когда меняешь высоту у одного из блоков leftmenu rightmenu и mainmenu, то смещаются два других вниз a{outline:none;} ...

Смещение div блоков
В блоке header есть несколько div'ов которые не хотят оставаться на местах и съезжают из div блока. В chrome отображается нигде не...

5
48 / 48 / 2
Регистрация: 25.05.2011
Сообщений: 277
04.12.2011, 13:01
а код HTML в студию можно?
0
0 / 0 / 1
Регистрация: 21.11.2011
Сообщений: 5
04.12.2011, 13:29  [ТС]
оставил один пункт, остальные однотипные
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<div id="menu">
<table align="center">
  <tr>  
    <th scope="col" onMouseOver="overPunkt(this);" onMouseOut="outPunkt(this);">покупки
       <div class="list" align="left">
           <a href="#"><div class="submenu">1</div></a>
           <a href="#"><div class="submenu">2</div></a>           
           <a href="#"><div class="submenu">3</div></a> 
           <a href="#"><div class="submenu">4</div></a>
           <a href="#"><div class="submenu">5</div></a>
           <a href="#"><div class="submenu">6</div></a>
           <a href="#"><div class="submenu">7</div></a> 
           <a href="#"><div class="submenu">8</div></a>
           <a href="#"><div class="submenu">9</div></a>
           <a href="#"><div class="submenu">10</div></a>
           <a href="#"><div class="submenu">11</div></a>
           <a href="#"><div class="submenu">12</div></a>            
           <a href="#"><div class="submenu">13</div></a>          
      </div></th>
  
  </tr>
  </table>
</div>
0
 Аватар для Mr.kto
104 / 105 / 18
Регистрация: 18.08.2012
Сообщений: 308
04.12.2011, 13:41
скачай IE Tester
0
0 / 0 / 1
Регистрация: 21.11.2011
Сообщений: 5
05.12.2011, 01:23  [ТС]
Спасибо, очень полезная программа, оказывается в ie7,8 все корректно отображается, только не понятно почему в ie8, установленном на компьютере отдельно, отображается неправильно...
0
 Аватар для Mr.kto
104 / 105 / 18
Регистрация: 18.08.2012
Сообщений: 308
05.12.2011, 12:19
Цитата Сообщение от blaqdog Посмотреть сообщение
Спасибо, очень полезная программа
Пожалуйста
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
05.12.2011, 12:19
Помогаю со студенческими работами здесь

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

Как убрать смещение у последующих блоков DIV?
кто может помочь, зайдите на сайт ktc.kaluga.ru. раздел &quot;Студенческая жизнь&quot;, далее пункт &quot;Студенческое научное общество&quot;...ниже...

Вычисление выражения с=(a+b mod a*4+b div a) div 2-a div 160
Пожалуйста, посмотрите на код, уввжаемые! нужно вычислить такое выражение: с=(a+b mod a*4+b div a) div 2-a div 160 У меня неверно...

CSS!? Div в div'e, как не потерять позиции css внутреннего div'a при изменении размера браузера?
вот когда изменяю размер браузера, то внутренний div не хочет изменяться вместе с контейнером, а контейнер изменяется? .container{ ...

<div> перекрывает 2 других <div>. Не отображается <div>
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt; &lt;html...


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

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru