Резиновый input

zlodiak · 03.01.2012

не получается сделать резиновое текстовое поле формы. на этой странице в контейнере .colR есть форма. я пытался поделить её на 2 области.левая фиксированния(в ней будет абсолютно позиционированный <label>). правая резиновая(в ней будет текстовое поле input).

проблема в том, что поле выходит за пределы своего родительского контейнера, в результате чего обрезается справа(некрасиво).

так должно выглядеть. а вот так сейчас. помогите пожалуйста понять как такое можно сверстать

ie7+

Aristotel · 03.01.2012

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title></title>
  <style>
  #input1 {width:60%;}
  </style>
</head>
<body>
  <form>
   <p><b><label for="input1">ContactUs</label></b></p>
   Full name: <input type="input" id="input1" />
  </form>
</body>
</html>

не совсем понял проблемы, написал то что понял.

BaNru · 03.01.2012

используй widht, min-width, max-width.
Смотри в подписи блог. Там у формы комментариев резиновый textarea.

Так же почитай про box-sizing (с префиксами не забудь юзать), мне кажется в твоем случае его достаточно будет.

Резиновый input

zlodiak

Active Member

Aristotel

Well-Known Member

BaNru

Пацифизжу

Онлайн статистика

Статистика форума

Новые пользователи

Поделиться этой страницей