powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / ширина ячеки таблицы с input`ом
12 сообщений из 12, страница 1 из 1
ширина ячеки таблицы с input`ом
    #35398486
Vint
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Добрый день.
Есть проблемка которую никак не могу побороть и мысли уже кончились.... надеюсь кто нибудь сможет подсказать правильно решение.
IE6 - исключительно для этого браузера.
Код: plaintext
1.
2.
3.
<td class="view" width="10%">
                  <input type="text" style="width:90%" name="element_<%= zoningCountView%>" value="Очень_длинный_текст_без_пробелов"  onchange="setChange();"/>
</td>
Очень_длинный_текст_без_пробелов - может быть и 100 и 1000 символов. при этом ширина столбца не должна менятся, но меняется. причем ширина столбца как раз равна длинне строки.
можно ли как то обойти эту проблему?
...
Рейтинг: 0 / 0
ширина ячеки таблицы с input`ом
    #35398513
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Я не понял проблемы... У меня просто идет прокрутка и все...

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type='text/css'>
body {
	width:  100 %;
}
table {
	margin: auto;
}
</style>
</head>
<body>
<table border='1'>
<tr>
<td><input type='text' size='100' value='11111111111111111111111111111111112222222222222222222222222222222222222222222222222222222222444444444444444444444444444444444444444444444444444444444444444455555555555555555555555555555555555555555555555555555555555555555555' />
</td>
</tr>
</table>
</body>
</html>
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
ширина ячеки таблицы с input`ом
    #35398537
Vint
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вот попытался выдрать кусок кода более явно иллюстирующий.
Код: 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.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type='text/css'>
body {
	width:  100 %;
}
table {
	margin: auto;
}
</style>
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0"  class="view">
              <col width="5%"/>
              <col width="10%"/>
              <col width="100px"/>
              <col width="10%"/>
              <col width="24%"/>
              <col width="20%"/>
              <col width="21%"/>
              <col width="10px"/>
              <tbody id="tbody"> 
               <tr id="tr_0" class="view_title">
                  <td> </td>
                               
                  <td nowrap>Мнемокод<br/>
                    Наименование </td>
                  <td>XML тэг<br/>Атрибут</td>
                  <td nowrap>Порядок тэгов<br/></td>                               
                  <td>Правило нормализации/<br/>
                  вычисления<br/>
                  Правило удаления</td>
                  <td nowrap> Группа<br/>
                    Простр.имен</td>
                  <td nowrap>Аналитический <br/>
                    показаетель </td>                                
                  <td nowrap>Уд.</td>
                </tr>
                
               
              
                <tr  id="tr_1" class="view_odd_line">
                  <td>                    <input type="hidden"  id="id_1" name="id_1" value="DA63459D91F84144B1D45B700231F966"/>
                  </td>
                  <td class="view"  nowrap="nowrap"><input type="text" style="width:90%" id="name_1" name="name_1" value="ID нормативного документа"  onchange="setChange();"/>
                    <br />
                    <div style="display:none" id="div_1_1">
                      <input type="text" style="width:90%" id="nick_1" name="nick_1" value="EvNormDocID"  onchange="setChange();"/>
                    </div></td>
                  <td class="view" width="100px">

                  <input type="text" style="width:90%" id="element_1" name="element_1" value="/DocData/DocContent/EvNormDocID111111111111111111111111111111111111111111111111"  onchange="setChange();"/>
                    <br/>
                    <div style="display:none" id="div_2_1">
                      <input type="text" style="width:90%" id="attribute_1" name="attribute_1" value=""  onchange="setChange();"/>
                    </div></td>
                  <td class="view"><input type="text" style="width:90%" id="elementorders_1" name="elementorders_1" value=""  onchange="setChange();"/></td>
                  <td class="view"  nowrap="nowrap">
                    <input type="text" name="namemetafieldsvalid_1" style="width:60%" value=""  onchange="setChange();"  readonly/>
                    <input type="hidden"  id="idmetafieldsvalid_1" name="idmetafieldsvalid_1" value=""/>
                      
                   <div style="display:none" id="div_3_1">
                      <input type="text" name="namemetafieldstype_1" style="width:60%" value="ИстФорм"   onchange="setChange();" readonly/>
                      <input type="hidden"  id="idmetafieldstype_1" name="idmetafieldstype_1" value="233036AB3EDB46D4A9BE0F0E70D22C21"/>
                       
                      </div>
                  </td>
                  <td class="view"  nowrap="nowrap">
                    <input type="text" name="namefieldslist_1" style="width:60%" value="" onchange="setChange();" readonly/>
                     <div style="display:none;width:60%;" id="div_4_1">
                      <input type="text" style="width:50%" id="namespace_1" name="namespace_1" value="http://xmlns.oracle.com/MSG_NDD1_1http://xmlns.oracle.com/MSG_NDD1_1" onchange="setChange();"/>                       
                    </div>
                    <input type="hidden"  id="idfieldslist_1" name="idfieldslist_1" value=""/>
                  </td>
                  <td class="view" nowrap="nowrap">
                    <input type="text" name="nameanaliticmeasure_1" style="width:60%" value="" onchange="setChange();"  readonly/>
                    <input type="hidden"  id="idanaliticmeasure_1" name="idanaliticmeasure_1" value=""/>
                    </td>
                  <td class="view" align="center"><input type="hidden" name="flag_1" value="u"/>
                   </td>
                   </tr> 
                   
</table>
</body>
</html>
...
Рейтинг: 0 / 0
ширина ячеки таблицы с input`ом
    #35398575
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Не поленился скопипастил премерчег. А надо чего? Из предыдущих постов не понятно.
...
Рейтинг: 0 / 0
ширина ячеки таблицы с input`ом
    #35398586
Vint
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
всем спасибо.
проблему решил пока писал примерчик)))
оказалось что input берет ширину внутреннего текста и от нее высчитывает свою ширину.
видимо у меня логика неправильная или мозг не так заточен... всегда считал что ширина считается от вышестоящего элемента.... причем такая проблема только в ie...
...
Рейтинг: 0 / 0
ширина ячеки таблицы с input`ом
    #35398593
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Какой-то напряг у нас с тестовыми примерами.

Все инпуты коротенькие с прокруткой... Чего не так?
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
ширина ячеки таблицы с input`ом
    #35398620
Vint
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsaКакой-то напряг у нас с тестовыми примерами.

Все инпуты коротенькие с прокруткой... Чего не так?
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
)) IE6? уменя только в эксплорере такой глюк.... опера и мозила нормально и правильно рисуют)) в принципе и фиг с ним. главное что я понял и решил проблему)
...
Рейтинг: 0 / 0
ширина ячеки таблицы с input`ом
    #35398679
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Vint)) IE6? уменя только в эксплорере такой глюк....
Да.
Я разницы между моим ИЕ и Оперой не заметил... Но текст у тебя "не приведи господи". разве же так пишут?
...
Рейтинг: 0 / 0
ширина ячеки таблицы с input`ом
    #35398829
Vint
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsa Vint)) IE6? уменя только в эксплорере такой глюк....
Да.
Я разницы между моим ИЕ и Оперой не заметил... Но текст у тебя "не приведи господи". разве же так пишут?
пишут пишут)) только это конечный вариант jsp странички)) вернее маленький кусок с вырезанными кусками.
...
Рейтинг: 0 / 0
ширина ячеки таблицы с input`ом
    #35398985
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
У таблицы есть такой стиль - table-layout: fixed.
Если установить ячейку определенной ширины, то с какой стати input будет расширять ее? Указываешь ширину ячейки, ширину инпута и все должно быть нормально.
Если надо всунуть просто текст в ячейку, чтобы он не переносился, а показывалась только видимая часть, а остальная просто пряталась, то надо заключить текст в <nobr></nobr>.
...
Рейтинг: 0 / 0
ширина ячеки таблицы с input`ом
    #35399088
Фотография _Vasilisk_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Vintвсем спасибо.
проблему решил пока писал примерчик)))
оказалось что input берет ширину внутреннего текста и от нее высчитывает свою ширину.
видимо у меня логика неправильная или мозг не так заточен... всегда считал что ширина считается от вышестоящего элемента.... причем такая проблема только в ie...
Нет, не правильно. Вытяни его из таблицы и все будет работать как надо. Для себя я данную проблему так и не решил
...
Рейтинг: 0 / 0
ширина ячеки таблицы с input`ом
    #35399118
Фотография _Vasilisk_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
IDVsbruckЕсли установить ячейку определенной ширины, то с какой стати input будет расширять ее? Указываешь ширину ячейки, ширину инпута и все должно быть нормально.
Если надо всунуть просто текст в ячейку, чтобы он не переносился, а показывалась только видимая часть, а остальная просто пряталась, то надо заключить текст в <nobr></nobr>.
Я сейчас поясню, в чем проблема.

Есть такая табличка
Код: plaintext
1.
2.
3.
4.
5.
6.
<table border="1" width="100%">
  <tr>
    <td>
      <input style="width: 100%" value="very very long text" />
    </td>
  </tr>
</table>
То таблица будет расширяться, пока не вместит весь input со всем текстом
IDVsbruckУ таблицы есть такой стиль - table-layout: fixed.
Хм. Только что проверил - действительно, то что нужно
...
Рейтинг: 0 / 0
12 сообщений из 12, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / ширина ячеки таблицы с input`ом
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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