inPUT, при поддержке Доктайпа, незаконно пересекает границу!!!

4

Серж Горелый

8 февраля 2015, 17:28

448

Добрый день. Вот код:


<!DOCTYPE html>



<style type="text/css">



	.block-09 {background-color: #FCFCFC; border: 1px solid #BBBBBB; width: 50%}



	.block-09 input, .block-09 textarea {width: 100%}



</style>





<div class="block-09">



	<form>



		<br><br>



		<input name="contacts" type="text">



		<br><br>



		<textarea name="description" rows="5"></textarea>



		<br><br>



		<input name="send" type="submit" value="Send">



		<br><br>



	</form>



</div>

Проблема в том, что input text и textarea выходят за правую границу div'а (с таблицей то же самое), при этом input submit отображается нормально. Вопрос: как вписать их в div без лишнего кода?

Понятно, что можно паддингами подогнать или шириной, но может есть простое и универсальное решение?

Кстати, если убрать <!DOCTYPE html>, то всё норм.

Спасибо.

42

Jor

8 февраля 2015, 17:51

#1

input, textarea {

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

}

СГ

4

Серж Горелый

9 февраля 2015, 04:26

#2

Jor, благодарю. Именно то, что надо.

Что делать, если ваша email-рассылка попала в спам

VK приобрела 70% в структуре компании-разработчика red_mad_robot