powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Почему input и select разной длинны?
11 сообщений из 11, страница 1 из 1
Почему input и select разной длинны?
    #35656105
Фотография konstsch
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Почему input и select разной длинны?
Как сделать их длину одинаковой?

html:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
        <table style="width: 300px;">

            <tr>
                <td>
                     </td>
                <td style="width: 150px">
                    <input name="TextBox1" type="text" id="TextBox1" class="w_100" />
                </td>
            </tr>
            <tr>
                <td>

                     </td>
                <td>
                    <select name="DropDownList1" id="DropDownList1" class="w_100">

</select>
                </td>
            </tr>
            </table>

css:
Код: plaintext
input.w_100, select.w_100, textarea.w_100{width: 100 %;font-size: 100 %}
...
Рейтинг: 0 / 0
Почему input и select разной длинны?
    #35656257
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
а целпадинг и кулспейсинг прописал равными нулю? Если нет то если вычесть из 300 пиксеоей 150 вместе с всякими отступами то думаю наберется меньеш 150... вот те и вполне вероятно ошибка
...
Рейтинг: 0 / 0
Почему input и select разной длинны?
    #35656328
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
konstschПочему input и select разной длинны?
потому что как только в документе появляется doctype, инпуты и текстареа становятся на несколько пикселей шире заданного

konstschКак сделать их длину одинаковой?
предлагаю ознакомиться с одной из недавних тем. Пока на этом форуме никто больше ничего не изобрел, либо знает, но молчит.
...
Рейтинг: 0 / 0
Почему input и select разной длинны?
    #35657367
М.Голованов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
konstschПочему input и select разной длинны?

А разве они разной длины? У меня в любом браузере Ваш пример дает ровно 150 px длины обоих полей.
...
Рейтинг: 0 / 0
Почему input и select разной длинны?
    #35657754
Фотография konstsch
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Примерно так:
...
Рейтинг: 0 / 0
Почему input и select разной длинны?
    #35657972
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
М.ГоловановА разве они разной длины? У меня в любом браузере Ваш пример дает ровно 150 px длины обоих полей.
DOCTYPE не забывайте вписывать


konstsch,
ты опробовал предложенные в ссылке методы? Или еще что-нибудь в сети нашел? Результат есть?
...
Рейтинг: 0 / 0
Почему input и select разной длинны?
    #35659021
М.Голованов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
konstschПримерно так:

Чудеса! Это в каком браузере?
...
Рейтинг: 0 / 0
Почему input и select разной длинны?
    #35659034
М.Голованов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
konstschПримерно так:
Или Вы свой код не весь выложили?

Короче, вот этот код

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
<!--DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"-->
<!--DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”-->
<html>
<head>
<title>Untitled</title>
<style type=text/css>
input.w_100, select.w_100, textarea.w_100{width: 100 %;font-size: 100 %}
</style>
</head>
<body bgcolor="CCCCCC">
<hr size= 1 >
<table border= 1  style="width: 300px;">
<form>
<tr>
<td>
</td>
<td style="width: 150px">
<input name="TextBox1" type="text" id="TextBox1" class="w_100"/>
</td>
</tr>
<tr>
<td>
</td>
<td>
<select name="DropDownList1" id="DropDownList1"  style="width:150px;">
</select>
</td>
</tr>
</form>
</table>
</body>
</html>

дает ровно 150 px длины обоих полей в любом браузере - что и ожидалось. Причем - к огорчению блондинок - независимо от того, какой тип документа раскомментируете.
...
Рейтинг: 0 / 0
Почему input и select разной длинны?
    #35659235
М.Голованов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Не то написал. Вот "чистый" пример, копирующий исходный. Как ни крути, 150 точек и тот, и другой.

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
<!--DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"-->
<!--DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”-->
<html>
<head>
<title>Untitled</title>
<style type=text/css>
input.w_100, select.w_100, textarea.w_100{
width: 100 %;
font-size: 100 %;
}
</style>
</head>
<body bgcolor=CCCCCC>
<table style="width: 300px;">
<form>
<tr>
<td>
</td>
<td style="width: 150px">
<input name="TextBox1" type="text" id="TextBox1" class="w_100">
</td>
</tr>
<tr>
<td>
</td>
<td style="width: 150px">
<select name="DropDownList1" id="DropDownList1" class="w_100">
</select>
</td>
</tr>
</form>
</table>
</body>
</html>

Модератор: не забывайте оформлять код
...
Рейтинг: 0 / 0
Почему input и select разной длинны?
    #35659248
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
М.Голованов,

даже не обидно. Научитесь что ли верстать валидно для начала, а потом уже блондинок пытайтесь стыдить. Первый доктайп не содержит ссылки на используемый dtd и не является весомым аргументом, хотя w3 валидатор сочтет его валидным только за название. Если раскомментировать второй доктайп, но оставить в начале документа закомментированный первый, то велика вероятность что второй также не подхватится (так в ие происходит, например). Таким образом, если взять любой из рекомендованных w3c доктайпов и вписать его в начало документа, то получим тот самый эффект.

Для наглядности возьму Ваш же код, попутно заменив кривые кавычки на валидные, чтоб не только ИЕ понял:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled</title>
<style type=text/css>
input.w_100, select.w_100, textarea.w_100{width: 100 %;font-size: 100 %}
</style>
</head>
<body bgcolor="CCCCCC">
<hr size= 1 >
<table border= 1  style="width: 300px;">
<form>
<tr>
<td>
</td>
<td style="width: 150px">
<input name="TextBox1" type="text" id="TextBox1" class="w_100"/>
</td>
</tr>
<tr>
<td>
</td>
<td>
<select name="DropDownList1" id="DropDownList1"  style="width:150px;">
</select>
</td>
</tr>
</form>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
Почему input и select разной длинны?
    #35664158
DtypeMen
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Хорошо, конечно, когда твои сочинения валидны. Как я понял, наличие DOCTYPE - одно из необходимых условий. Но. Но скажите мне пжалста, какой такой доктайп надо объявлять, чтобы в IE треляло table {height:100%;} ?
...
Рейтинг: 0 / 0
11 сообщений из 11, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Почему input и select разной длинны?
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]