Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Почему input и select разной длинны? / 11 сообщений из 11, страница 1 из 1
15.11.2008, 20:09
    #35656105
konstsch
konstsch
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Почему input и select разной длинны?
Почему 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
| Ответить | Цитировать | Написать  
16.11.2008, 00:45
    #35656257
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Почему input и select разной длинны?
а целпадинг и кулспейсинг прописал равными нулю? Если нет то если вычесть из 300 пиксеоей 150 вместе с всякими отступами то думаю наберется меньеш 150... вот те и вполне вероятно ошибка
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.11.2008, 05:05
    #35656328
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Почему input и select разной длинны?
konstschПочему input и select разной длинны?
потому что как только в документе появляется doctype, инпуты и текстареа становятся на несколько пикселей шире заданного

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

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


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

Чудеса! Это в каком браузере?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.11.2008, 21:24
    #35659034
М.Голованов
М.Голованов
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Почему input и select разной длинны?
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
| Ответить | Цитировать | Написать  
18.11.2008, 00:26
    #35659235
М.Голованов
М.Голованов
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Почему input и select разной длинны?
Не то написал. Вот "чистый" пример, копирующий исходный. Как ни крути, 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
| Ответить | Цитировать | Написать  
18.11.2008, 00:36
    #35659248
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Почему input и select разной длинны?
М.Голованов,

даже не обидно. Научитесь что ли верстать валидно для начала, а потом уже блондинок пытайтесь стыдить. Первый доктайп не содержит ссылки на используемый 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
| Ответить | Цитировать | Написать  
19.11.2008, 19:36
    #35664158
DtypeMen
DtypeMen
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Почему input и select разной длинны?
Хорошо, конечно, когда твои сочинения валидны. Как я понял, наличие DOCTYPE - одно из необходимых условий. Но. Но скажите мне пжалста, какой такой доктайп надо объявлять, чтобы в IE треляло table {height:100%;} ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Почему input и select разной длинны? / 11 сообщений из 11, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 398ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1455557]:
 0ms
get settings:
 11ms
get forum list:
 15ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 68ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 38ms
get tp. blocked users:
 2ms
others: 243ms
total:  398ms
x
x
Закрыть


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