Проблема позиционирования CSS показать другой результат в другом браузере

Question

У меня есть блог, и я поместил форму справа, но он показывает другой результат в другом браузере.

Ссылка с названием «Подписаться на читателя» должна быть в центре, но в Safari и Opera она отображается слева, а IN FF и Ie7 - в центре. И граница в 5-6 пикселей увеличивается в Opera и Safari, но в FF & IE 7 это показывает отлично. А в Ie6 он показывает границу 10-12 пикселей внизу ... странно

Я использую этот код для настройки для размещения .. пожалуйста, помогите ....

мой блог: ww.techieinspire.blogspot.com

проверьте изображение здесь http://techie2inspire.googlepages.com/csspositioningproblem.JPG

Answer 1

Ваша разметка серьезно поднята. Используйте Firebug на Firefox, чтобы посмотреть на него. Вот пара вещей, которые я заметил:

1. У вас есть элементы для ссылки подписки внутри формы над ней. Это не является частью вашей формы рассылки, поэтому не должно содержаться внутри этой формы.

2. Вы используете <span> s с блочными элементами внутри них. <span> s, как правило, для встроенного содержимого, а прилипание элементов блока (например, <p>) внутри может дать странные результаты.

3. Проверьте свои таблицы стилей, где настройка левого отступа для ".newsletter p" влияет на ссылку для подписки.

4. Старайтесь избегать указания встроенных стилей (используя атрибут style).

5. Прекратить использование позы: везде относительно. Вместо этого используйте отступы и поля для разметки боковой панели.

Как правило, чтобы центрировать что-то, вы можете сделать это:

.centered_thing {
  margin: 0 auto;
  text-align: center;
}

Редактировать: Шатер ужасен. Прочитайте о том, что случилось с тегом HTML marquee . Есть много веских причин, чтобы избежать этого или подделок Javascript.