CSS / HTML :: выравнивание и проблема с кнопками в IE - PullRequest
Новая
       19

CSS / HTML :: выравнивание и проблема с кнопками в IE

0 голосов
/ 31 августа 2011

У меня есть странная ошибка на этой странице при просмотре с IE http://www.emfx.fr/?page_id=38

это изображение ясно объясняет проблему: http://appartager.free.fr/site/bugIE.jpg

  • когда я смотрю на эту страницу локально(easyPHP) с IE все в порядке
  • когда я смотрю эту страницу онлайн с IE, у меня возникает 2 проблемы 1) мой тег hr не выравнивается по центру 2) кнопка отправки сообщения обрезана

НО код точно такой же , а браузер такой же (IE)

поведение ч контролируется в файле CSS 

hr.center {
    border: none;
    color: #353a40;
    background-color: #353a40;
    height: 1px;
    width: 371px;
    text-align: center;
}

кнопка также контролируется файлом 2 CSS (исключение All Browser / IE)

вот общий код : 

#contact_form input[type=submit] {
padding: 7px 15px;
background: rgba(255,255,255,0.1);
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-family: "Droid Sans", Arial;
cursor: pointer;
border: 1px solid #666;
color: #ccc;
margin-bottom: 10px;
margin-left: 420px;
}

вот то есть исключение 

#contact_form input[type=submit] {
    padding: 8px 0px;
    background: rgba(255,255,255,0.1);
    margin-bottom: 300px;
    margin-left: 418px;
    text-align: center;
}

, если у вас, ребята, есть идеио том, как решить эту проблему было бы здорово!

ура!

sk

1 Ответ

0 голосов
/ 31 августа 2011

Вы удалили горизонтальный отступ с кнопки в IE 

#contact_form input[type=submit] {
    padding: 8px 0px; /* 15px?*/

и я бы лично центрировал hr, используя margin:auto вместо text-align - но hr выровнен по центру по умолчанию; так что вам не нужно настраивать это.

(удаление этих объявлений в инструментах для веб-разработчиков IE, по-видимому, решает проблему).

...