Logo Море(!) аналитической информации!
IT-консалтинг Software Engineering Программирование СУБД Безопасность Internet Сети Операционные системы Hardware
Архив форумов ЦИТФорума
Море(!) вопросов - Море(!) ответов
 
 FAQFAQ   ПоискПоиск   ПользователиПользователи   ГруппыГруппы   РегистрацияРегистрация 
 ПрофильПрофиль   Войти и проверить личные сообщенияВойти и проверить личные сообщения   ВходВход 
Как правильно задавать вопросы

поле TEXT и TEXTAREA шириной в 100% и <!DOCTTYPE ... ?

 
Перейти:  
Этот форум закрыт, вы не можете писать новые сообщения и редактировать старые.   Эта тема закрыта, вы не можете писать ответы и редактировать сообщения.    Список форумов Архив форумов ЦИТФорума -> Создание веб-сайтов
Предыдущая тема :: Следующая тема  
Автор Сообщение
iosheff



Зарегистрирован: 16.04.2002
Сообщения: 17
Откуда: Sevastopol

СообщениеДобавлено: Пт Май 19 2006 23:59    Заголовок сообщения: поле TEXT и TEXTAREA шириной в 100% и <!DOCTTYPE ... ? Ответить с цитатой

Народ! Кто знает как решить проблему.
Есть таблица. В ней 2 столбца. Там слева название поля, справа - значение.
Левый столбик - ширина к прмеру 200px , правый AUTO.
Ширина таблицы 100% (рамка к примеру 1, отступы -2 расстояния -1 - не суть вжно, но нагляднее).
Если в правый столбик втавить INPUT TEXT или TEXTAREA и дать ему ширину 100% (css), то это злое поле получается шириной ровно до конца ячейки таблицы - перекрывая границу таблицы и отступы внутри ячейки (padding) . Т.е. емея форму типа название - значение форматтироование сползает напроч. Самое интерестное, что остальные элементы WEB-страницы (select) позиционируются нормально, учитывая рамку и т.д.

И самое главное: все работает хорошо, если не указывать с начале HTML документа конструкцию DOCTYPE.
Но страница для правильной работы (в ней используется компонент на JS, который написан на XHTML) требует конструкцию DOCTYPE. Я раньше ей не пользовался, теперь понял, вещь очень важная, особенно для DHTML и XHTML.
Вот код. Попробуйте. Может кто найдет решение проблемы.
Проверял в IE 6 и Firefox 1.5 (ранние не интересуют) А DOCTYPE в IE имеет большое значение!


Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
</head>
<style type="text/css">
TABLE { width: 100%; border: 4px single black; border-collapse: collapse ; table-layout: fixed; }
TH { text-align: left; background: #ccc; padding: 5px; border: 1px solid black }
TD { padding-right: 0px; border: 1px solid black }
</style>

<body>
<form name="form1" id="form1" method="post" action="">
  <table width="100%" border="1" cellpadding="2" cellspacing="2">
    <tr>
      <td width="200" >sqws wqddddw wd dw</td>
      <td> <input name="textfield" type="text" style="width: 100%;" /></td>
    </tr>
    <tr>
      <td>wsqsqwsqwsq</td>
      <td><select name="select" size="1" style="width: 100%;">
          <option>1</option>
          <option>2</option>
        </select></td>
    </tr>
    <tr>
      <td>swswswdwedw</td>
      <td><textarea name="textarea" style="width:100%"></textarea></td>
    </tr>
  </table>
</form>
</body>
</html>


Ссылки по DOCTYPE

http://htmlcoder.visions.ru/CSS/?11
http://htmlcoder.visions.ru/CSS/?9
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Neeoon



Зарегистрирован: 19.11.2004
Сообщения: 173
Откуда: Ukraine

СообщениеДобавлено: Сб Май 20 2006 12:21    Заголовок сообщения: Ответить с цитатой

попробуй написать так:
TD { padding-right: 7px; border: 1px solid black }
я проверял только в ие6
_________________
Всё, что ни делается, - всё к лучшему!
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Отправить e-mail
Показать сообщения:   
Этот форум закрыт, вы не можете писать новые сообщения и редактировать старые.   Эта тема закрыта, вы не можете писать ответы и редактировать сообщения.    Список форумов Архив форумов ЦИТФорума -> Создание веб-сайтов Часовой пояс: GMT + 3
Страница 1 из 1

 
Перейти:  
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах


Powered by phpBB © 2001, 2002 phpBB Group
Русская поддержка phpBB

 

IT-консалтинг Software Engineering Программирование СУБД Безопасность Internet Сети Операционные системы Hardware

Информация для рекламодателей PR-акции, размещение рекламы — adv@citforum.ru,
тел. +7 495 6608306, ICQ 232284597
Пресс-релизы — pr@citforum.ru
Послать комментарий
Информация для авторов
This Web server launched on February 24, 1997
Copyright © 1997-2000 CIT, © 2001-2006 CIT Forum
Внимание! Любой из материалов, опубликованных на этом сервере, не может быть воспроизведен в какой бы то ни было форме и какими бы то ни было средствами без письменного разрешения владельцев авторских прав. Подробнее...