IE9 CSS поплавок: верно, ошибка? - PullRequest
Новая
       0

IE9 CSS поплавок: верно, ошибка?

3 голосов
/ 16 июня 2011

Вот мои стили:

Родительский контейнер: 

div.musicContainer {
        width:820px;
        height:54px;
        margin-bottom:20px;
}

Дочерние контейнеры: 

div.hardcorePlayer {
    width:400px;
    float:left;
    border:none;
    background-color:#996600;
}

div.feedbackPlayer {
    width:340px;
    float:right;
    border:none;
    background-color:#996600;
}

Проблема в том, что я вчера установил IE9, и пока IE8 хорошо отображался, теперь div DivX 1010 * FeedbackPlayer больше не выровнен по правой границе. в других браузерах он отображается нормально, как и раньше.

это ошибка IE9?

IE9 изображение:

IE9 image

другое изображение браузера:

else

Большое спасибо за ваши мысли по этому поводу.

адрес веб-сайта: www.guygar.com / guygar.html

ПРИМЕЧАНИЕ: - это новый CSS с данными сброса. Я что-то не так сделал?

Ответы [ 6 ]

1 голос
/ 27 июня 2011

Эта строка находится во вспышке.

Измените body фон на белый, а .musicContainer на red. Вы увидите, что HTML не перестает работать. На мой взгляд, это вспышка, как ошибка.

Попробуйте увеличить FF (я тестировал в 5.0) на нескольких увеличенных изображениях, также есть такой же разрыв.

1 голос
/ 22 июня 2011

Может быть, вам следует попытаться сбросить CSS, чтобы все браузеры запускались с одинаковыми настройками по умолчанию (например, padding, margin и т. Д.)

Вы можете найти css-reset и дополнительную информацию здесь: http://meyerweb.com/eric/tools/css/reset/

Edit: Похожие вопросы: https://stackoverflow.com/questions/116754/best-css-reset

0 голосов
/ 28 июня 2011

Это связано с перерисовкой флэш-памяти. Он ведет себя так же в ie8. Попробуйте изменить ширину окна браузера, и вы увидите, что он не обновляется правильно.

Почему бы вам не попробовать html5-плеер типа http://www.jplayer.org/ вместо?

0 голосов
/ 22 июня 2011

Я использую этот подход для своих веб-сайтов, созданных до IE9. 

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

Пусть это будет самый первый метатег в вашем теге head, и IE9 будет работать так же, как IE8, надеюсь.таким же идентичным образом.

Это решало все мои проблемы на всех моих сайтах до сих пор.

Наслаждайтесь

0 голосов
/ 21 июня 2011

Я не могу найти сброс CSS, используемый на сайте, который вы предоставили. Может быть просто разница в том, как IE9 отображает различные элементы (поля, отступы и т. Д.). Я опробовал предоставленный веб-сайт в IE9 и не увидел проблемы, поэтому диагностировать его немного сложно.

0 голосов
/ 16 июня 2011

Возможно, попробуйте использовать js, чтобы проверить браузер и изменить размер или положение с помощью js в операторе if.

В w3 школах есть хорошее руководство по проверке браузера.

http://www.w3schools.com/js/js_browser.asp

...