X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Почему padding не работает в input в IE
Sergey_net_it
Sergey_net_it
Topic Starter сообщение 29.12.2013, 22:46; Ответить: Sergey_net_it
Сообщение #1


Для input установил padding для левого и правого края отступ в padding:0 70px 0 20px;. Во всех браузерах работает правильно, кроме IE
Вот как отображается во всех браузерах http://joxi.ru/pzTAUhjKTJBmHAemBsw
А так отображается в IE http://joxi.ru/wDTAUv3JTJCxEUNG4OU
Введенный текст залазит и на кнопку Поиск.
В чем проблема?
Вот структура html
Код HTML:
<form action="/" method="get"> <input type="text" name="s" id="s" class="findText" value="<?php the_search_query();?>"placeholder="Поиск на сайте..."> <a href="javascript:document.forms[0].submit();" class="click" ></a> </form>
Вот примененные стили
Код HTML:
.search{
width: 150px;
height: 24px;
margin: 20px 0 0 24px;
border-radius: 30px;
background:url(./img/bg-find.jpg);
position: relative;
}
.search input[type="text"]:hover{
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.search input[type="text"]:focus{
background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 0 3px #80A62D;
    color:#000;
}
.search input[type="text"]{
width: 150px;
height: 24px;
float: left;
border: medium none;
border-radius: 30px;
background:url(./img/bg-find.jpg);
color:#fff;
font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 24px;
padding:0 70px 0 20px;
}
.click{
width: 68px;
height: 22px;
position: absolute;
right:-90px;
top:1px;
float:left;
background: url(./img/button-find-sprite.png) no-repeat;
}
.click:hover{
width: 68px;
height: 22px;
background: url(./img/button-find-sprite.png) no-repeat  0 -22px;
}

Эффект можно увидить здесь http://fr3809bb.bget.ru
Вот наглядно отступы есть http://joxi.ru/hkDAUv3JTJCQETxoJqM
А вот в IE http://joxi.ru/60HAUv3JTJCaEduF0u0

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Крауд-маркетинг который работает | Эффективные Ру-ссылки
1 Azyuka 912 13.2.2024, 19:36
автор: tascha56
Открытая тема (нет новых ответов) Кто работает с партнерской программой eBay?
0 Stalser 1141 14.12.2021, 12:26
автор: Stalser
Открытая тема (нет новых ответов) Кто работает с партнеркой Кликбанк?
4 metvekot 1683 5.12.2021, 22:32
автор: adamsadriane
Открытая тема (нет новых ответов) Бесплатный аудит рекламы от специалиста с 20 летним стажем. Реклама не всегда работает.
Ваша реклама может быть больше!
0 AndyGray 6761 1.4.2021, 12:31
автор: AndyGray
Открытая тема (нет новых ответов) Продам мануал "Как работает Google Discover"
8 vvovvo 3077 28.5.2020, 19:50
автор: vvovvo


 



RSS Текстовая версия Сейчас: 19.3.2024, 9:24
Дизайн