IE вызывает огромную область пространства при добавлении div к другому

Question

IE вызывает огромную область пространства при добавлении div к другому

0

Я работаю на тестовом сайте, поэтому я не могу предоставить слишком много кода. Этот метод prepend() отлично работает во всем, кроме IE, и он не работает в ЛЮБОЙ версии IE. Нет ошибок консоли. Я получаю огромную область невыбираемого пробела, где должен находиться маленький div.

У меня есть div в навигации, содержащей панель поиска. Я выбрал эту панель поиска. И положил его в боковую панель.

    $('#sidebar').prepend($('#header_rowSearch'));

Как я уже сказал, это работает в каждом браузере, но в IE.

У выбранного div нет добавленных стилей. На боковой панели есть:

#sidebar {
padding: 20px;
height: 100%;
margin: 0;
width: 345px; 
background-color: #162732; 
float: right;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

thomasp423 02 окт. 2013, в 17:48

Источник

1

Пожалуйста, предоставьте jsfiddle, который демонстрирует такое поведение
michaelward82 02 окт. 2013, в 15:21
1

Было бы полезно, если бы вы установили JSFiddle с HTML / CSS / JS, который изолирует и воспроизводит проблему, чтобы мы могли помочь в устранении неполадок.
Ennui 02 окт. 2013, в 15:21
1

QuestionReader - исключение: необъявленный идентификатор "small div".
Virus721 02 окт. 2013, в 15:22
0

«где должен быть маленький div» - что такое маленький div и где он должен быть? не могли бы вы предоставить HTML
Pete 02 окт. 2013, в 15:22
0

предположительно, «маленький div», на который он ссылается, это элемент #header_rowSearch он хочет добавить к боковой панели.
Ennui 02 окт. 2013, в 15:23
0

Вот скрипка JS. Конечно, это работает здесь. Я не могу заставить его работать на моем сайте. jsfiddle.net/thomasp423/4gxvD
thomasp423 02 окт. 2013, в 15:33

Показать ещё 4 комментария

Теги:

javascript

jquery

css

internet-explorer

1 ответ

Ещё вопросы

Пожалуйста, предоставьте jsfiddle, который демонстрирует такое поведение
Было бы полезно, если бы вы установили JSFiddle с HTML / CSS / JS, который изолирует и воспроизводит проблему, чтобы мы могли помочь в устранении неполадок.
QuestionReader - исключение: необъявленный идентификатор "small div".
«где должен быть маленький div» - что такое маленький div и где он должен быть? не могли бы вы предоставить HTML
предположительно, «маленький div», на который он ссылается, это элемент #header_rowSearch он хочет добавить к боковой панели.
Вот скрипка JS. Конечно, это работает здесь. Я не могу заставить его работать на моем сайте. jsfiddle.net/thomasp423/4gxvD

thomasp423 · Answer 1 · 2013-10-02T15-30-00.000Z

Поэтому я решил проблему. Это связано с информацией, которую я не предоставлял. Идентификатор был фактически внутри таблицы, и разметка была

<td id="header_RowSearch"></td>

IE является единственным браузером, который пытается его правильно прочитать, когда вы вставляете строку таблицы в фактический div. Поэтому, очевидно, случайная строка внутри div собирается сломать вещи. При этом эта строка jQuery спасла день.

$('#sidebar').prepend($('#header_rowSearch'));
$('#header_rowSearch').wrap('<table></table>');