Кто может дать объяснение: почему в HTML документах с объявленным doctype, Input и textarea со стилем width:100% внутри блочных блоков (div, h1...) длиннее их?
Есть ли решение этой проблемы без всяких обворачиваний другими тэгами?
Под FF это обходится присвоением Input и textarea стилей: min-width:100%; max-width:100%; но это единичный известный мне CSS хак.
ПРИМЕР:
<?xml version="1.0" encoding="windows-1251" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
<head>
<title>:: Input и textarea длиннее блоков при стиле width 100%!!!</title>
<meta http-equiv="Content-Type" content="text/html;charset=windows-1251" />
</head>
<body style="padding:0px; margin:0px;">
<div style="border:1px solid red; position:relative;">
<input type="text" value="" name="test" style="position:relative; width:100%; padding:0px; margin:0px; " />
<p style="text-align:justify;">Текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст.</p>
</div>
<h1 style="text-align:justify; border:1px solid red;">
Текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст.
<textarea name="text" style="width:100%; padding:0px; margin:0px; "></textarea>
</h1>
</body>
</html>
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.