2013-02-19 2 views
0

Посмотрите на приведенную ниже ссылку. Работает отлично во всех других браузерах, но не в IE7.Как центрировать счетчик в IE7?

http://www.sonnyt.com/countie/

Теперь перейдите на этот сайт и вставить ссылку в окно, чтобы увидеть, как она видит в IE7

http://netrenderer.com/index.php

Любые идеи, как сделать его работу во всех?

Только элемент счетчика, который мне нужно центрировать.

Благодаря

+0

Пожалуйста, ваш код, который вы пытались решить эту проблему – Shail

ответ

0

Добавить ширину #countdown, а затем установить левые и правые поля для auto. Chrome сообщает, что ширина счетчика составляет 697 пикселей, поэтому это должно работать:

#countdown { 
    width: 697px; 
    margin: 0 auto; 
} 
+0

Нет проблем. Возможно, вы захотите принять ответ :) – BenM

+0

Это сработало, как сон – user2086984

0

display: inline-block only works on elements with natural display: inline in IE7. Есть несколько возможных решений, но я дам два:

  1. Удалить из float: left<li> элементов и использовать display: inline вместо этого, плюс margin: 0 auto на <ul> (который должен быть display: block).
  2. Stop поддержки IE7
+0

@ user2086984, не забудьте зайти и принять ответы, которые помогут вам –

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