Вопрос #55097

 #  

 #  

Bonus85 пишет

width:100% тоже не подходит(имеется padding, который вытягивает за границу div'а)

С width:100% и произвольным padding в слое все прекрасно ложится в пределах слоя без выхода за его границы. Даже если адаптивный :)
Дайте код.

 #  

Свойство width применяется только к блочным элементам,а input вроде строчный.

 #  

Строчный, так точно. Тем не менее без указания стандарта width:100% работает во всех браузерах.
С указанием стандарта не проверял. Посему и прошу код.

 #  

Leningrad00 пишет

Bonus85 пишет

width:100% тоже не подходит(имеется padding, который вытягивает за границу div'а)

С width:100% и произвольным padding в слое все прекрасно ложится в пределах слоя без выхода за его границы. Даже если адаптивный :)
Дайте код.

http://jsfiddle.net/tb9N6/

Добавлено спустя 07 минут 11 секунд
http://wallmaker.ru/wmpic/pic/390/33112a6085.png

Добавлено спустя 09 минут 05 секунд
есть идеи, что можно сделать?

 #  

Я, наверное, отстал от жизни. Но, имхо, ваши проблемы из-за section. На кой ляд вы его используете? Его стили уже все понимают?

На скриншоте проблему не увидел.

Добавлено спустя 01 минуту 46 секунд
А, оранжевый — это и есть ваш input?

 #  

Leningrad00 пишет

Я, наверное, отстал от жизни. Но, имхо, ваши проблемы из-за section. На кой ляд вы его используете? Его стили уже все понимают?

он отдельно в reset.css прописан

margin:0px; padding:0px;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;

Добавлено спустя 02 минуты 38 секунд

Leningrad00 пишет

А, оранжевый — это и есть ваш input?

это margin-bottom у input'а

Добавлено спустя 05 минут 03 секунды

Leningrad00 пишет

На скриншоте проблему не увидел.

та я выделил справа(черным кружком)

Добавлено спустя 13 минут 22 секунды
здесь более наглядно
http://wallmaker.ru/wmpic/pic/390/98be5a9f82.png

Добавлено спустя 47 минут 29 секунд
не знаю насколько это правильно, но помог
input
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

не работает в ie7

 #  

!DOCTYPE какой используете?

Добавлено спустя 1 час 52 минуты 09 секунд
А что в class="input-block" прописано?
Чисто визуально у тебя padding криво работает

Добавлено спустя 2 часа 34 минуты 02 секунды

Bonus85 пишет

не работает в ie7

Internet Explorer до версии 8.0 включительно игнорирует тег section, но отображает его содержимое. Также в этом браузере любые стили не применяются к селектору SECTION.

С сайта htmlbook.

 #  

Попробой input size="100"

 #  

Через SIZE