Перейти к содержимому


Пользователь месяца
WGN WGN 1-й за Июль
Очков активности: 850 2 темы, 75 сообщений, 7 баллов репутации
Сайт: worldgamenews.com
ТОП самых активных за этот месяц
  • Фотография TimurR
    #1

    TimurR
    Очков активности: 372 3 темы, 22 сообщения, 8 баллов репутации

  • Фотография ShowPrint
    #2

    ShowPrint (ShowPrint.ru)
    Очков активности: 72 0 тем, 8 сообщений, 6 баллов репутации

  • Фотография WGN
    #3

    WGN (worldgamenews.com)
    Очков активности: 72 Вне конкурса за определение пользователя месяца

  • Фотография BlackLion
    #4

    BlackLion
    Очков активности: 36 0 тем, 24 сообщения, 1 балл репутации

  • Фотография Vmir
    #5

    Vmir
    Очков активности: 25.5 Вне конкурса за определение пользователя месяца

  • Фотография Napoleon-007
    #6

    Napoleon-007
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

  • Фотография Ixman
    #7

    Ixman (o5cat.ru)
    Очков активности: 21 0 тем, 7 сообщений, 2 балла репутации

  • Фотография alekswebart
    #8

    alekswebart
    Очков активности: 19.5 1 тема, 10 сообщений, 1 балл репутации

  • Фотография r0mZet
    #9

    r0mZet (rz-style.ru)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

  • Фотография bor10811
    #10

    bor10811
    Очков активности: 15 2 темы, 4 сообщения, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 19.08.2018
Топ 5 участников по репутации


Почему padding не работает в input в IE

#1 Sergey_net_it

Sergey_net_it
  • Пользователь
  • 8 сообщений
  • Репутация: 1
0

Отправлено 29 December 2013 - 21:46

Для 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

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Глюк в IE7
  2. Управление активностью (enable) кнопки (submit)
  3. IE 8 и CSS 3
  4. Сайт отображается в разных браузерах по-разному
  5. Проблема с макетом в Internet Explorer


Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru