Максимальная ширина ввода текста и ввод в одну строку

Question

Я делаю небольшой чат. Возникла проблема с CSS, потому что я больше программист, чем дизайнер макетов.

HTML:

<div class="chat_input_box">
<input type="text" class="chat_input_text" name="message">
<input type="submit" value="Отправить" class="chat_submit_button">
</div>

CSS:

.chat_input_box {
width: 100%;
}

.chat_input_text {
width: 83%;
}

.chat_submit_button {
margin-right: 0px;
}

Проблема в том, что не нужно устанавливать максимальную ширину текстового поля без жесткого кода (например, 83%).

Answer 1

Не совсем то, что вы просили, но как можно ближе: http://jsfiddle.net/TQvg8/

Answer 2

попробуйте поместить кнопку и ввести данные в два разных элемента. Дайте кнопке div параметр CSS "float: right; width: someAmount px;"