Как я могу сделать HTML-отступ, который выглядит одинаково в разных браузерах?

Question

У меня есть блог, www.realcanadianenglish.blogspot.com . Я использую Firefox, чтобы написать это. Иногда я проверяю блог с помощью Internet Explorer. С более поздним оно иногда показывает разрыв между картинкой и текстом. Могу ли я изменить HTML-код, чтобы это исправить? Почему между ними есть разница: Explorer и Firefox?

Answer 1

Вот лучшее место, чтобы узнать об ошибках IE CSS: http://www.positioniseverything.net/ie-primer.html

Answer 2

В большинстве случаев проблема будет с IE, и в этих случаях иногда лучше или, по крайней мере, удобно просто обслуживать IE строкой или двумя, чтобы привести его в соответствие с другими гораздо более современными браузерами с условным Комментарии". Эти комментарии будут распознаваться только IE, но в конечном итоге позволят вам включить стили или HTML, которые не повлияют на другие браузеры. Они просты в использовании, но имеют несколько вариантов, в зависимости от того, на какую версию IE вы ориентируетесь. Вот ссылка, объясняющая их все: http://msdn.microsoft.com/en-us/library/ms537512(VS.85).aspx

Answer 3

Блог выглядит хорошо на IE8. Если у вас возникла проблема, я бы порекомендовал запустить IE8 и использовать предоставленный инструмент отладки (нажмите F12) Вы можете динамически изменять HTML и CSS прямо из браузера. Это быстрее, чем загружать новый шаблон каждый раз, когда вы хотите проверить изменение.

Answer 4

Вы ссылаетесь на IE Model Bug

Answer 5

Internet Explorer может иметь дополнительные отступы для некоторых элементов. Я предлагаю вам сначала попробовать включить файл CSS Reset, а затем свой собственный файл CSS.

Вот хороший вопрос Stackoverflow о файлах CSS Reset