Ошибка CSS, ссылка MouseOver перемещает текст в IE

У меня проблема с CSS и IE. В IE (IE 9), если я наведите указатель мыши/наведите курсор на определенные ссылки, он сдвинет текст вниз. Этого не происходит при просмотре с помощью Firefox.Ошибка CSS, ссылка MouseOver перемещает текст в IE

Примером является по этой ссылке: http://www.debtdispatch.com/list_item_error.html

Если вы наведите курсор мыши на ссылку «Изменить» или «Отмена», то он постоянно перемещает текст под столом вниз.

Я пробовал:

проверку страницы с помощью W3C валидатора и исправления всех ошибок, найденных
добавления стилей к таблице
добавления стилей к ссылкам
вынуждающих IE 7 совместимости Просмотр

Есть ли у вас предложения по как это исправить?

Редактирование: я бы вставлял исходный код, но, похоже, испортил способ отображения переполнения стека.

источник

2013-11-25 mnutsch

Что-то с DOCTYPE .. вы пробовали его с другим? –

Я попытался изменить его на просто , но это не исправить. Я думаю, что проблема заключается в CSS в этой таблице стилей: http://www.debtdispatch.com/sites/default/files/css/css_DA76D3kkHaT_VUm3Aj1Txz0yCM9z9qrYjWlPOR-gAwk.css таблицы стилей автоматически генерируемого контента системы управления (Drupal). Я думаю, что мне нужно переопределить что-то в этой таблице стилей, но я не уверен, какой именно. – mnutsch

Я тестировал режим IE 9, и он работал нормально. Нет проблем. –

-1

Try CSS Reset

*{ 
    margin:0; 
    padding:0; 
    } 

a{ 
    margin:0; 
    padding:0; 
} 
#(yourdivID){ 
    overflow:auto; 
    }

источник

2013-11-27 09:37:39 righton

Это похоже на разумное предположение, но это не исправить. У тебя есть другие идеи? – mnutsch

Похоже, поставив display:inline-block; на DIV, который содержит таблицу должны решить вашу проблему. Я протестировал страницу с помощью Sauce и смог воссоздать проблему. Я нашел решение на другом stackoverflow thread.

источник

2013-12-03 17:18:56 froboy

Спасибо! Да, это исправление. – mnutsch

Ошибка CSS, ссылка MouseOver перемещает текст в IE

ответ

Смежные вопросы